KyleHQ

Honest, loyal, senior software engineer, looking to make a real difference by putting people first.

KyleHQ © 2024
Svelte Gotcha - Tailwind Inline Styles

Svelte Gotcha - Tailwind Inline Styles

Svelte comes with a bunch of little tweaks and snippets to make common UI behaviours easy for you and I to implement. One such behaviour being the applying of a custom css style to emphasise a dom element, eg this button or link is “active”. From the the Svelte tutorial itself https://svelte.dev/tutorial/classes This is such a common pattern in UI development that Svelte includes a special directive to simplify it

Read more...
September 22, 2021
|
code
|
feedarmy
|
sveltejs
|
tailwind
Svelte Gotcha - The Reactive Microtasks

Svelte Gotcha - The Reactive Microtasks

One of the USP’s of Svelte is of course its “reactivity”. As their homepage proudly declares No more complex state management libraries — Svelte brings reactivity to JavaScript itself And on any given day, developing with Svelte and its reactive nature is simply a dream to use. You can tell Svelte to track state changes on practically anything using the $: directive. And it’s quite likely that your first reactive changes will produce all the expected UI results.

Read more...
August 30, 2021
|
code
|
feedarmy
|
sveltejs
The Brilliance of SvelteJS Stores

The Brilliance of SvelteJS Stores

One of the (in my opinion) most useful components of the Svelte library is that of “stores”. You can read the official documentation here, but in short, a Store is a reactive object in which you “subscribe” to state changes from any component inside your application. Furthermore, stores can be “derived”. Eg a stores value can be based on the value of one or more other store instances. For me however, things get really interesting with the creation of “custom” stores.

Read more...
June 13, 2021
|
code
|
feedarmy
|
sveltejs
Why I Chose Svelte

Why I Chose Svelte

It had been years since being fully immersed in the “frontend” realm as the majority of my professional career had always leaned towards server side, backend and infrastructure roles. A lingering pain point that I had been “putting off”. But I knew if I wanted Feed Army to be in any way successful, it would need a pretty sharp UI. The hurdle of course being that my last forays into the “new” frontend developments were just not at all enjoyable.

Read more...
June 4, 2021
|
code
|
feedarmy
|
sveltejs
Feed Army

Feed Army

#UPDATE: 9 May — we are having issues connecting with Instagram at this stage in the production environment. My apologies as I deal with Facebook to rectify error. Connect up with Twitter as they know what they are doing… Having been originally frustrated with Instagrams' user experience and your common web browser, I researched what available browser based extensions or services were available to aggregate my own personal social media feeds.

Read more...
May 1, 2021
|
code
|
feedarmy
|
go
|
sveltejs
|
tailwind