Charts and graphs are one of those things that it's just easier to reach for a third-party library to help create. Something like D3 is the go-to choice in this situation, but that story gets complicated when throwing React into the mix. Who handles updates then? It can quickly turn in to a headache.

Generate Dynamic Charts with Victory

Ever tried making a form in a React app? At the start it might not seem so bad, but as it grows it turns into a beast. The redux-form package is often the go-to choice out there to help, but that relies on Redux and is a massive burden for a quote-unquote "simple" form.

Manage React form state with Formik

98% of homepages online have some kind of accessibility issue. By automatically checking for common problems with Pa11y, we can be more confident that we are not accidentally adding any new ones into the codebase.

Test a site's accessibility with Pa11y

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

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.

Tag: Tutorial