Our Guide To

React

A selection of our articles about React, the most popular JavaScript library for managing state and handling the DOM with components.

When Does a Project Need React?

You know when a project needs HTML and CSS, because it’s all of them. When you reach for JavaScript is fairly clear: when you need interactivity or some functionality that only JavaScript can provide. It used to be fairly clear when we reached for libraries. We reached for jQuery to help us simplify working with […]

#147: Starting a React-Powered Comment Form

In this pairing screencast, Sarah Drasner joins me and guides me through some of my very first learnings of React. We tackle some “real world” style functionality: a comment form. This turned out to be a pretty useful bit of UI to work with, as it required a lot of things rather fundamental to React […]

Leveling Up With React: React Router

This tutorial is the first of a three-part series on React by Brad Westfall. When Brad pitched me this, he pointed out there are a good amount of tutorials on getting started in React, but not as much about where to go from there. If you’re brand new to React, I recommend watching this intro […]

Leveling Up with React: Redux

This tutorial is the final of a three-part series by Brad Westfall. We’ll learn how to manage state across an entire application efficiently and in a way that can scale without dangerous complexity. We’ve come so far in our React journey, it’s worth making it across the finish line here and getting the full bang-for-our-buck […]

CSS Modules and React

In this final post of our series on CSS Modules, I’ll be taking a look at how to make a static React site with the thanks of Webpack. This static site will have two templates: a homepage and an about page with a couple of React components to explain how it works in practice. Related […]

Loading and Using External Data in React

Quick tutorial from me on setting the state of a React component from data gathered from a JSON API. Dovetails into all the React stuff swirling in my head, like our recent series, recent video, and recent discussion on headless CMSs. Related Posts …powered by Jetpack! The Jetpack WordPress plugin runs on this site, powering […]

A Quick Look at the React and Redux DevTools

I’m still quite a newbie at this stuff, but I think the development tooling around React and Redux is pretty dang impressive. Related Posts …powered by Jetpack! The Jetpack WordPress plugin runs on this site, powering not just the related posts below, but security and backups, Markdown support, site search, comment form, social network connections, […]

Introducing React Storybook

Arunoda Susiripala: With React Storybook, you can develop and design UI components outside your app in an isolated environment. It will change how you develop UI components. Like a pattern library for stated React components. Related Posts …powered by Jetpack! The Jetpack WordPress plugin runs on this site, powering not just the related posts below, […]

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag