JWJames Williamsinjameswilliams.hashnode.dev·Jan 12, 2021 · 5 min readLazy state initialization with ReactIf you are familiar with the useState hook in React, you know that it's a function that's called each time our component renders. The function returns an array of two values, and we usually use JavaScript destructuring to both declare a variable for ...01R
JWJames Williamsinjameswilliams.hashnode.dev·Jan 7, 2021 · 7 min readSvelte basics: Starting a project from scratch.Despite its "new kid on the block" reputation, Svelte was created back in 2016. The obvious comparisons are with React and Vue. So, how is Svelte different? It's described as a compiler, it takes your declarative code, and turns it into the equivalen...00
JWJames Williamsinjameswilliams.hashnode.dev·Jan 5, 2021 · 11 min read"Hello, World!" with Eleventy: Another static site generator.Eleventy(11ty) first appeared in 2018, and describes itself as a "simpler static site generator". According to the creator, the inspiration for 11ty was a desire for a utility tool like Jekyll, written in node. The main core of Eleventy is that it t...00
JWJames Williamsinjameswilliams.hashnode.dev·Sep 17, 2020 · 3 min readJavaScript Quirks: Dot vs. Bracket - Not all notation is created equallyYou probably have noticed there are two ways to access a property on an object: Dot notation Bracket notation Naturally, you might assume they behave in the same way, but that's not quite the case. We will examine some differences below. Dot notati...03BDA
JWJames Williamsinjameswilliams.hashnode.dev·Sep 8, 2020 · 3 min readGreenSock (GSAP) basics - Web Animation in your browserWhat exactly is a tween? The first time I heard the word "tween", I wasn't totally sure what it meant. Simply put, a tween is a sequence of frames. In a digital context, basically a tween is an animation. So how do we make them? Luckily for us, lots ...04BOFS
