Add i18n Yourself in a React and Redux App
Learn how you can build a i18n module for React by from scratch without any external library dependencies.
Elegant UX in React with Material-UI
An intro to Material-UI for React, a beautiful and themable component library based on Google's design spec.
Connecting Redux to React Using React Redux
Redux is an independent library from React, but it's really easy to connect the two together, thanks to the React Redux bindings.
Using React Router 4 with Server-Side Rendering
A look at configuring React Router v4 to work with an Express server-side rendering setup. You'll see how to make use of StaticRouter and matchPath, among others.
Testing React / Redux Apps with Jest & Enzyme - Part 2: Testing React Components
Second part in a series showing how to test React apps using Jest and Enzyme. In this part, we'll go over how to test React components.
Using "window" the React Way with react-fns
Use HTML5 APIs in your React apps using a declarative idiom with the react-fns utility library.
Searchable, Async Dropdowns in React Using React-Select
An introduction to React Select v2, a sleek, modern dropdown component for React.
Simple Authorization in React
Tutorial on how to build a simple role-based authorization mechanism yourself for a React app.
Managing What’s in Your Head Using React Helmet
Here's a quick overview of using the React Helmet component to dynamically set header tags for a React app.
An Introduction to React Server-Side Rendering
In this post we'll go over the basic setup to server-side render a simple React app created using create-react-app.
React Devtools: A Brief Introduction
Learn how to spend less time debugging your apps and more time developing using the React Devtools.
Testing React / Redux Apps with Jest & Enzyme - Part 1: Installation & Setup
First of a four-part series that shows you how to test your React / Redux applications using Jest & Enzyme.
A Quick Intro to React's Higher-Order Components
An introduction to higher-order component classes and functions in React as well as what they are used for.
Styling React Components Using glamorous
glamorous is a flavor of CSS-in-JS. In this post, you'll see how you can style your components with it.
Understanding the React Context API
React 16.3 introduced a new context API that makes it easy to share data between multiple components of the component tree. Here's a quick tutorial on how to use it.
Easy State Management in React Using Unstated
Unstated is a new library that makes state management in React dead simple. You can reach for it when you need a little more than setState.
Code Splitting in React Using React Loadable
Learn how to use the React Loadable library to lazily load chunks of code when needed in the app.
Returning Multiple Children Using React Fragments
React 16.2 introduced a new component, Fragment, to give us an easy way to return multiple children in a component's render method. See how it's used in this post.
Animations in React Using React Motion
A quick introduction to React Motion, its Motion component and the spring function to create simple animations.
An Easy Way to Get Started with the MERN Stack
In this post we're exploring how to setup an app using Mongo, React, Redux and Express.
Intro to GraphQL in React Using React Apollo & Apollo Boost
A quick tutorial to learn how to use React Apollo and Apollo Boost to interact with a GraphQL server.
Implementing a Simple Modal Component in React
A quick guide to help you learn how to build a barebones Modal component in React.
This tutorial explains how to create themes to handle reusable styles with styled-components in React.
styled-components, the Modern Way to Handle CSS in React
In this post you'll find an introduction to styled-components and the benefits they can give to your React app.
Using Axios with React
Axios is an easy to use HTTP client. Learn how to use it within your React applications.
CSS in React
Using the New Portal Feature in React
Demonstration of how to use the new portal feature in React to help render DOM nodes outside a parent component.
I18n with React and i18next
A brief introduction to internationalizing a React app using i18next.
Getting Started with Webpack + React
A short guide on using Webpack to bundle dependencies with code and deploy a React application.
A New Way to Handle Events in React
Skip boilerplate code and learn how to write more concise event handlers for your React code.
CSS-in-JS Roundup: Styling React Components
Compare and contrast the top CSS-in-JS libraries for styling your React and React Native projects.
Creating Compositional Components in React With this.props.children
Gain a better understanding of the unique perks of this.props.children.
React Native UI Toolkit Roundup
Compare and contrast the top React Native UI Toolkits to help bootstrap your next React Native project.
Gatsby - Not Yo' Mama's Static Site Generator
Gatsby, a React-based static-site generator, combines front-end best-practices with GraphQL-like data sources.
Atomic SetState Updates in React
Learn how to manage React state with functional precision
Using index.js for Fun and Public Interfaces
Use an index.js file in the root of your React module folders to create public interfaces
Using Enums in Flow
Mapping Routes in React Router
A guide to mapping data to routes in React Router 4.
React Router: Optional Parameters
An overview of using optional parameters in React Router 4.
React Router Parameters
An overview of using parameters with React Router 4.
React Router Overview
In this brief introduction to React Router 4 you'll see how to define basic routes as well as link to specific routes.
React Snapshot Testing
An overview of snapshot testing for React components using the Jest testing framework.
Functional Component Overview in React
Learn how to create functional components in React.
Introduction to the React Ref System
An overview of refs in React with sample use cases.
Component Lifecycle Functions in React
An overview of the lifecycle functions available to class components for React apps.
Class Component Overview in React
Learn how to create class components in React as well as using props and lifecycle hooks.
React.PropTypes Is Dead, Long Live PropTypes
How to stop worrying and love the new prop-types module.
Starting Off Strong with React and Next.js
Get up and running in a snap with Next.js and never look back
Getting Comfortable with Create React App
Learning to let go with Create React App. Initialize new React projects with just one command and without all the usual setup of build tools.
Static Type Checking With Flow
Getting type safe is easy with Facebook's Flow. This short intro will help you get comfortable with Flow's usage.
Working With Types Using React.PropType
A gentle introduction to static type checking using React's built-in PropType validation tools.