React Tutorials and Insights

Read the latest React, React-Redux, and React Native tutorials. Expand your knowledge of this popular JavaScript library.

GET STARTED

React tutorials, posts, and more

The “OTHER” JavaScript Framework

As a web developer you’ll have heard the buzz of Angular (1, 2 and 4), React, Vue.js and others. But there’s another JavaScript framework that’s revolutionizing a platform for thousands of developers!

5 (of the many reasons) to love Zeit's Next.js

Next.js has become incredibly popular by allowing users to build server-side apps with React. This post details a few of the amazing features provided by Next.js such as automatic code-splitting, route prefetching, and more.
5 (of the many reasons) to love Zeit's Next.js

Importing Assets In Server Code

So you're building a universal JS application and you're taking advantage of Webpack for it's ability to require CSS files directly into the component. You may even be requiring in a SVG, PNG or…

Passing Functions as React Props

Exploring the use cases for functions as props in React components.
Passing Functions as React Props

Redux-First Router — A Step Beyond Redux-Little-Router

seamless redux-first routing -- just dispatch actions
Redux-First Router — A Step Beyond Redux-Little-Router

Frontend Resources for Backend Developers

Get new insight into front-end solutions and JavaScript using these tutorials, blogs and tools.

Faking History for react-router v3, v4 and react-router-redux

Example dummy test doubles for react-router history, v3 & v4.
Faking History for react-router v3, v4 and react-router-redux

Building HandsUp: An OS Real-Time Q&A App Using GraphQL and React

In this article, we will look at all the steps that were involved to build an Open Source real-time voting App using GraphQL Subscriptions, Apollo Client 1.0 and Auth0.
Building HandsUp: An OS Real-Time Q&A App Using GraphQL and React

Announcing React Native Basics: Build a Currency Converter [Free Video Course]

Have you ever wanted to learn React Native? I put together a comprehensive video course - for free - to teach exactly that.
Announcing React Native Basics: Build a Currency Converter [Free Video Course]

TDD'ing the Implementation of mapDispatchToProps

An example test forcing one to TDD implementing mapDispatchToProps.
TDD'ing the Implementation of mapDispatchToProps

Build a React Universal Blog in 4 Steps

In this blog, I will show you how to pick up an existing codebase and curtail it into your own, beautiful React Universal Blog application for publishing content and easy updates.
Build a React Universal Blog in 4 Steps

Do You Need Redux in Your App?

Redux is an implementation of Flux. Learn how to remove uncertainties and complexities from our applications with Redux.
Do You Need Redux in Your App?

Implementing Dynamic Form Validators in ReactJS

Learn how to implement dynamic form validators in ReactJS - inspired by AngularJS.
Implementing Dynamic Form Validators in ReactJS

Integrating Google Maps in React Using refs

This article will introduce you to using React through integrating Google Maps' API.
Integrating Google Maps in React Using refs

React & Flux Tutorial: Organizing Your Redux Application

In this short piece, you'll be shown an unconventional, yet surprisingly productive way to organize React/Redux (and other Flux) projects.
React & Flux Tutorial: Organizing Your Redux Application

3 Steps to Scalable Data Visualization in React.js & D3.js

Read our write-up on our Office Hours hosted by Zach Nation, a software engineer at Data. This article will go through the 3 essential steps of a scalable way to visualize data with React.js and D3.js.

React or not to React?

React is still the safest tool to exploit long-term supported web application. It renders user interface components in a meaningful way. It is an appropriate choice for gradually modernising relevant code base. Know more about advantages and disadvantages of ReactJS and decide React or not to React?
React or not to React?

Build a Fancy Focus Text Box using ReactJS and LESS CSS

Learn how to create a fancy focus text box control using ReactJS and LESS CSS.
Build a Fancy Focus Text Box using ReactJS and LESS CSS

React Tutorial: Creating a Simple Application Using React JS and Flux Architecture

This React.js tutorial will teach you how to create a simple todo application using React JS and the Flux architecture.
React Tutorial: Creating a Simple Application Using React JS and Flux Architecture

React vs AngularJS vs KnockoutJS: a Performance Comparison

This article will compare the performance of React JS vs Angular JS vs Knockout JS in three different browsers: Chrome, Firefox, and Safari.
React vs AngularJS vs KnockoutJS: a Performance Comparison

Get curated posts in your inbox

Read more posts to become a better developer

YOU MAY ALSO BE INTERESTED IN

Share ideas
with an editor
built for developers

LEARN MORE