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 10

An introduction to testing React components with Enzyme 3

In today's post we'll introduce the AirBnB library Enzyme for testing React applications. We'll do this using a test driven development (TDD) approach. That is, we'll write the tests first, watch them fail, and then build the React component out to fix the tests, before then writing more. We'll then [continue]

Article by Jack Franklin

Functional Stateless Components in React.

React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass. They are cleaner, have the potential to be more performant as React develops, and encourage good patterns in your React codebase that will [continue]

Article by Jack Franklin

Extracting Logic from React Components

By looking through our components and finding standalone functions that we can pull out, we greatly simplify our component whilst increasing our test coverage and clarity of our application greatly. By pulling the functions into their own modules you are forced to consider which props are needed and [continue]

Article by Jack Franklin

Refactoring React with Tests

As you work on a React application it's highly likely that you'll encounter components that have grown over time. They may have started with just one particular use case in mind, but will have been added to since. This can lead to complex render methods and code that's hard to follow. In this video you'll [continue]

Article by Jack Franklin

Getting started with TypeScript and React

In this article I'll show you how I've set up a TypeScript project from scratch that uses React, and Webpack for managing the build process. I'll also discuss my initial impressions of TypeScript and in particular working with TypeScript and ReactJS. [continue]

Article by Jack Franklin

Ways to compose React Components

React favors composition over inheritance. There are several useful ways to compose components in React. Composition is a way to get polymorphic behavior in a way that's often more flexible and easy to work with than is inheritance. If we want a component to behave differently but want to reuse some [continue]

Article by Jake Trent

Get Started with redux-form

The redux-form library bills itself as the best way to manage your form state in Redux. It provides a higher-order form component and a collection of container components for dealing with forms in a React and Redux powered application. Most importantly, it makes it easy to get a form up and running with [continue]

Article by Josh Branchaud

Using forms in React-Redux: Tips And Tricks

It has been a pretty long time already that i have been using React and Friends and wanted to share what was one of our biggest pains and how we overcame them — implementing forms. A lot of web applications are form-based, you give the user the ability to use your platform by filling forms and manipulating [continue]

Article by Royi Schwartz

React Components & Libraries.

Search engine to discover React libraries and components for any use. [continue]

Tool by Romuald Brillout

Start Learning React

React is a 'javascript library for building user interfaces' from the fine folks at Facebook & Instagram. It strictly focuses on the 'V' in your MVC applications, and touts a blazing fast virtual DOM diff implementation. This series will explore the basic fundamentals of React to get you started. [continue]

Video Course by Joe Maddalone

React Lifecycle Methods - how and when to use them.

Through lifecycle methods, we can control what happens when each tiny section of your UI renders, updates, thinks about re-rendering, and then disappears entirely. Let's get started. [continue]

Article by Scott Domes

Our Best Practices for Writing React Components

Over the past year at MuseFind, our team has written a lot of React components. We've gradually refined our approach until we're happy with it. This guide represents our suggested best practices. We hope it will be useful, whether you're a beginner or experienced. [continue]

Article by Scott Domes