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 6

Handling spacing in a UI component library

Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer component spacing. [continue]

Article by Chris Pearce

A New Way to Handle Events in React

'Property Initializer Syntax' sounds more fancy than it really is. In this bite-sized tutorial see how this alternative way of writing event handlers will help eliminate boilerplate in your constructor and also defend against frivolous memory usage in your renders. [continue]

Article by William Le

ReactJS - Parameterized Event Handlers

It is quite frequent requirement to pass parameters to event handlers of custom React components. There are several ways to achieve this with ES6 depending on whether we need reference to the event or not. This article will show you how to do through some simple examples. [continue]

Article by Sanket Meghani

Single Responsibility Components: Object-Oriented Design in React

The Functional Programming (FP) aspects of React are fairly prominent, but components themselves are an example of Object-Oriented (OO) programming. In this episode, we'll look at how one idea from OO—The Single Responsibility Principle—can help us design and extract more readable, reusable, and maintainable [continue]

Video by Front End Center

Using React, Firebase, and Ant Design to Quickly Prototype Web Applications

In this guide I will show you how to use Firebase, React, and Ant Design as building blocks to build functional, high-fidelity web applications. To illustrate this, we'll go through an example of building a todo list app. [continue]

Tutorial by Nicholas Rempel

Developing Games with React, Redux, and SVG

In this series, you will learn how to make React and Redux control a bunch of SVG elements to create a game. The knowledge acquired throughout this series will also allow you to create other types of animations that are orchestrated by React and Redux, not only games. [continue]

Tutorial by Bruno Krebs

React Pattern: Centralized PropTypes

There are three popular ways to handle types in React: PropTypes, TypeScript and Flow. This post is about PropTypes, which are currently the most popular. In real apps with large objects, this quickly leads to a lot of code. That's a problem, because in React, you’ll often pass the same object to multiple [continue]

Article by Cory House

Demystifying server-side rendering in React

Let's have a closer look at the feature that allows you to build universal applications with React Server-Side Rendering  —  SSR from here on  —  is the ability of a front-end framework to render markup while running on a back-end system. Applications that have the ability to render both on the server [continue]

Article by Alex Moldovan

Animated Transitions with React Router

In this post we'll look at how to animate your route transitions with React Router by breaking down the 'Animated Transitions' example on the React Router docs. [continue]

Article by Tyler McGinnis

React Slick carousel

Carousel component built with React. It is a react port of slick carousel [continue]

Library by Akiran

Conditional Rendering in React using Ternaries and Logical AND

There are several ways that your React component can decide what to render. You can use the traditional if statement or the switch statement. In this article, we'll explore a few alternatives. But be warned that some come with their own gotchas, if you're not careful. [continue]

Article by Donavon West

Rock Solid React.js Foundations: A Beginner's Guide

When I started learning React, I was searching for something (a blog, a video, a course, whatever) that didn't only teach me how to write apps in React. I also wanted it to prepare me for interviews. Most of the material I found, concentrated on one or the other. So, this post is aimed towards the audience [continue]

Article by Rajat Saxena