Dive deep into React.js through high-quality resources

You can discover articles, tutorials, libraries, talks, courses, tools and books.

129 resources available yet

Feed - Page 2

State management using only React Hooks

Managing shared state in larger React apps usually involved pulling in third-party libraries like Redux and MobX. This article simply aims to familiarize you with useReducer and how you can use it as an alternative to manage an application's state. [continue]

Tutorial by Ovie Okeh

Compound React Components with Hooks + TypeScript

When writing React components, it always pays off to spend a little bit of time thinking about how another developer would use them. In this post, I'd like to dive a bit into Compound Components, a pattern for creating components that I've found to be a joy to use both as a creator and consumer. We'll [continue]

Tutorial by Martin Di Diego

Using React Refs in Typescript

Sometimes it is necessary to use an imperative programming model and access an underlying DOM element. Whatever the reason this can be accomplished using React refs. This guide will show how to use strongly typed refs using Typescript. We will see how to use refs from functional components, using the [continue]

Tutorial by Chris Dobson

A Complete Guide to useEffect

Sometimes when you useEffect, the pieces don't quite fit together. You have a nagging feeling that you're missing something. It seems similar to class lifecycles… but is it really? The goal of this article isn't to give you a list of bullet point recipes. It's to help you truly “grok” useEffect. There [continue]

Article by Dan Abramov

State Management with React Hooks — No Redux or Context API

React Hooks are more powerful than you think. Today, we are going to explore it and develop a custom Hook to manage global states — an easier to use method than Redux, and more performant than Context API. [continue]

Article by André Gardi

State of React State Management for 2019

In this post, I'll review the state of React state management for 2019, and some popular ways for managing your component states in React. Hopefully, this can help your team save some valuable time, dig deeper and make the right choice. Let's dive in! [continue]

Article by Jonathan Saring

The React Developer Tools You Should Know in 2019

This might be a good time to take a look at some of the best features, tools and libraries to introduce into your React workflow this year, to make the best of it. All of these are open source, so feel free to go ahead and give them a try. Hopefully, these great tools can help speed your workflow and [continue]

Article by Jonathan Saring

How to use Sass and CSS Modules with create-react-app

With the release of create-react-app v2, the team at Facebook gave us the ability to use Sass and CSS Modules right out of the box, and in this tutorial you will learn how simple it is to include them in your projects using create-react-app. [continue]

Tutorial by Esau Silva

React Authentication with Twitter, Google, Facebook and Github

To interact with an OAuth provider you need API keys. For security reasons, those keys must be kept private on a server. However, if you are following modern development practices your React app is likely completely decoupled from your server and running on a different port or domain. So how can we solve [continue]

Tutorial by Jesse Heaslip

Building a Blog with Next.js

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well frontend components the way you're most likely used to. The advantages of this are numerous (shared components, faster rendering, great [continue]

Tutorial by Zach Sherman

The simple guide to server-side rendering React with styled-components

The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The beauty of styled-components really shines through when you realize how seamless it is to setup in your application. Furthermore, styled-components are easy to integrate [continue]

Article by Dennis Brotzky

How To Build A Movie Search App With React and ElasticSearch

In this post, we will use React and Elasticsearch to build a MovieSearch app. I know you like React, and watching movies, but what is this Elasticsearch thing I’m talking about. Don’t worry. This blog post will give you a kickstart into understanding the basics of Elasticsearch — What is it? Why should [continue]

Tutorial by Raj Meghpara