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 3

Custom error pages in React with GraphQL and Error Boundaries

One challenge I recently ran into while working with GraphQL and React was how to handle errors. As developers, we've likely implemented default 500, 404, and 403 pages in server-rendered applications before, but figuring out how to do this with React and GraphQL is tricky. In this post, I'll talk about [continue]

Tutorial by Abi Noda

Tutorial: SSR Split Testing and Analytics with React, Redux, and Next.js

In this tutorial we will start with an empty Node.js project and walk through the process of building simple split-testing functionality with Next.js, Redux, and seamless analytics by creating custom Redux analytics middleware. This serves dual-purposes. As an introduction to Redux and Next.js, as well [continue]

Tutorial by Patrick Lee Scott

Next.js Crash Course - Server Side React

In this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app. [continue]

Video Tutorial by Traversy Media

Adding state management with Redux in a CRA + SSR project

This tutorial will explain you how to initialize your Redux store on the server, then pick it up and hydrate it on the client. [continue]

Tutorial by Andrei Duca

Upgrading a create-react-app project to a SSR + code splitting setup

The default CRA setup can be OK for small projects, it's not always enough for larger, more complex applications. Luckily, we can improve things, even without ejecting. Let's try to do this step by step. This is what we'll cover: Server-side rendering, Code splitting with react-loadable, Code splitting [continue]

Tutorial by Andrei Duca

Building forms using React — everything you need to know

Forms are integral to any modern application. They serve as a basic medium for users to interact with your app. In this tutorial, we're going to look at how React handles forms. We'll cover not just the basics, but also form validation and best practices too — even experienced developers get certain [continue]

Tutorial by Manjunath

The most important lessons I’ve learned after a year of working with React

Starting out with a new technology can be quite troublesome. You usually find yourself in a sea of tutorials and articles, followed by millions of personal opinions. And every single one states that they found the 'right and perfect way.' Before diving into the ocean, we must understand the underlying [continue]

Article by Tomas Eglinskas

Using Create-React-App with Express

Whilst setting up a test app myself, I couldn't find a simple way to deploy Create React App with Express on the same server. It took some tweaking, so here are the steps if you want to do the same. [continue]

Tutorial by Lou

Dynamic Bézier Curves

In this blog post, we'll go through the basics of working with Bézier curves and SVG in React.js. We'll learn how to build dynamic curves that respond to user input. [continue]

Tutorial by Josh Comeau

Forms, Auth and Serverless Functions on Gatsby and Netlify

Today, I'm doing just that, using a static Gatsby site, Netlify's Forms, Identity, and Functions features. This tutorial will show you how to add static forms to your site, the user authentication for password-protected content and how to create an AWS Lambda function. Ready to supercharge a static site [continue]

Tutorial by Maxime Laboissonnière

All Things React

Discover everything from the basics to the cutting-edge of React - Render Props, Context API, Suspense, CSS-in-JS, Progressive Web Apps, UI Libraries and more. [continue]

Article by John Willoughby

Getting Started with styled-components

Up until December last year I didn't really like styling anything at all with CSS, it was a chore rather than something I enjoyed doing. This was until I started using styled-components. I want to share what I have learned so far by going through styling a basic react application. [continue]

Tutorial by Scott Spence