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
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
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