Components are the future of web development. Right now, JS frameworks such as React and Vue use a component-based approach to building apps, but that comes with added weight.

Build a format component using Stencil

In the age of frameworks, Webpack and complicated build tools, regular boring JavaScript can easily be overlooked. Gone are the days of sites that only shipped the code they needed right? We need runtimes now to compile our JSX else who knows what will happen.

Build a blog with Sapper and Svelte

Animations can make or break a website. Without them it can lack personality, but with too many and it can become overwhelming. Even after finding the right balance, an unnatural movement can make a well-intentioned interaction seem jarring. All of this seems like we'd be fighting a losing battle.

Animate a rating component with React Spring

Modern web development takes components for granted. Frameworks like React are built upon their existence and we're integrating their approaches into other parts of the web like CSS.

Build your own web components

Capturing data is no fun task. There's plenty going on and plenty to go wrong. It's better to have a tool at our disposal to help soften the blow.

Capture data with Redux Form

Redux is a powerful tool to have at your disposal. The data for the entire application all in one place. With that in mind, it's important to make sure that it keeps working as you expect it to.

Write tests for React-based Redux apps

If we're not careful, styling React applications can get messy fast. In the latest Net Magazine, we go through a library that aims to take the pain away.

Style React components with Emotion

Redux is great for handling lots of moving parts within an application. Immutability is a big part of that - making sure that no object gets mutated, but a copy gets made with every change. Sometimes that can be easier said than done, but there are libraries out there that can help.

Manage Redux state with Immutable.js

It's a double header from me in this month's Web Designer. My choice of JavaScript APIs that are going to make an appearance in 2019, plus part two of my Redux series.

JavaScript in 2019 and working with Redux Thunk

State is hard - Redux makes it a little easier. The first in a five-part series introduces the concepts of Redux to a beginner audience.

Blog