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 4

React Static

React-Static is a fast, lightweight, and powerful framework for building static-progressive React applications and websites. It's been carefully designed to meet the highest standards of SEO, site performance, and user/developer experience. [continue]

Library by Nozzle

The best way to bind event handlers in React

In this post, we will explore the common ways of creating event bindings in React, and I'll show you their pros and cons. And most importantly, I will help you find the 'Only One Way' — or at least, my favorite. [continue]

Article by Charlee Li

React Typist

React Component for making typing animations. Wrap Typist around your text or any element tree to animate text inside the tree. Easily stylable and highly configurable. [continue]

Library by Juan Tejada

Learn React By Making a Countdown Timer

This guide aims to help those familiar with DOM manipulation with jQuery to learn and transition to coding in React. We will be building a countdown timer in React and comparing it to a functionally similar version built with jQuery. [continue]

Tutorial by codethesite

Code-splitting in React apps

Dynamic imports have arrived! With the new import() proposal we have got a convenient capability to load React components whenever rendered. Our mission now is to build faster web apps and deliver as less code as needed. But how? [continue]

Video Talk by Glenn Reyes

End to End testing React applications

Having a good testing setup, one that allows us to create meaningful tests and is not a painful process, is extremely important to produce quality code. In this talk we will explore the options that we have, and will explain how to leverage webdriver for end-to-end testing React applications. [continue]

Video Talk by Forbes Lindesay

Universal JavaScript Web Applications with React

Since we started to see JS on the server side, the dream of developers has been to reduce the gap and the cost of switch between frontend/backend. Today with Node.js, React and a whole ecosystem of tools, this dream is becoming true! In this talk, I am going to discuss Universal (a.k.a. Isomorphic) JS [continue]

Video Talk by Luciano Mammino

How To Master Advanced React Design Patterns: Compound Components

To celebrate the official release of React 16.3, I have decided to share some techniques I have been using recently which have completely changed my approach to creating React components. Using these techniques I am able to design components that are completely reusable, and have the flexibility to use [continue]

Tutorial by Shaun David Hutch

How To Master Advanced React Design Patterns: Render Props

In this tutorial, we will discuss the 'render props' design pattern. This design pattern can be a bit of a head scratcher at first and in order to truly grasp how it exactly works, we need a in-depth understanding of the top level React API and how the JSX code we write is converted to javascript. So [continue]

Tutorial by Shaun David Hutch

Building Serverless React GraphQL Applications with AWS AppSync

AWS AppSync allows developers to offload the complexity and time involved with building a GraphQL backend and only worry about building their application, and it does so with real-time and offline capabilities. In this post, we'll look at how to create a new AppSync GraphQL API & connect it to a React [continue]

Tutorial by Nader Dabit

React in patterns

A book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more. [continue]

Book by Krasimir Tsonev

CSS Block - Blazing fast CSS for your Design Systems and App Components

CSS Blocks is an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets. By combining an opinionated authoring system, build-time analysis and rewriting of templates, and a new type of CSS optimizer, css-blocks breathes new power and ease of use into the technologies [continue]

Library by LinkedIn