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

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.

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.

Manage React application data with Redux

React is great, but it's quite overkill for most sites. Downloading the framework and the content too before anything shows up? That's no good. Server rendering can help, but it's tricky to set up and is prone to issues if it's not kept on top of. Is there a way to get the composibility of React without any of the icky JS-only website stuff?

Tag: React