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

Implement a Reusable Reducer Logic

Step by step approach of how to implement a reusable reducer logic in your react project
Implement a Reusable Reducer Logic

Creating Graphs as React Components with D3.js

Take your data and transform it into a beautiful bar & line graph with this post!
Creating Graphs as React Components with D3.js

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

DOM Testing React Applications with Jest

In this post, we will look at installing Jest and getting started with DOM testing a React application.
DOM Testing React Applications with Jest

Enhancing React Components: Inheritance & Composition

There are a couple of ways of enhancing React components: Inheritance and Composition. Let's understand both concepts with examples in this tutorial.
Enhancing React Components: Inheritance & Composition

React vs Angular 2: Comparison Guide for Beginners

This article aims to provide you some insight into JavaScript by comparing React vs Angular 2; two of the most popular JavaScript frameworks today.

Build a WhatsApp Messenger Clone in React (Part 1)

Looking to make a WhatsApp clone? Learn how to set up the backend server through React in this tutorial.
Build a WhatsApp Messenger Clone in React (Part 1)

Building a Facebook-like Comment Box: A React Tutorial in Elm

In this tutorial, you will learn how to use Elm to accomplish the same thing as Facebook's React tutorial. That means we will be creating a CommentBox component where a user can enter a new comment and see a list of existing comments
Building a Facebook-like Comment Box: A React Tutorial in Elm

React Native vs Ionic: A Side-by-Side Comparison

React Native vs Ionic? Let's highlight the most important conceptual differences between the two so you can use the right technology for your next project!

Unit Testing React Components: Jest or Enzyme?

Developers working with React are confronted with the question: What should I use, Jest or Enzyme? Here's the real answer.
Unit Testing React Components: Jest or Enzyme?

Building a React App with Redux to Manage Data Flows

React is a UI library. It is not interested in managing data flows. Redux is a library that manages data flow in a React app. And here's how to build this app.

Getting Started With React Redux: An Intro

At Codementor, we’ve used React + Redux to build several projects. This tutorial is an introduction to React Redux.

Quickly Setting up an ES6 Project with Browserify, Babel & Hot Reloading

This article is not aiming to introduce another starter kit, but to figure out the minimum required tools to get started with ES2015 / ES6 JavaScript project.
Quickly Setting up an ES6 Project with Browserify, Babel & Hot Reloading

Getting Started with Meteor 1.3 & React: Part 2

In this tutorial, we are going to look into deeper things about React, lifecycle hooks, managing meteor reactive data, virtual DOM, and JSX.
Getting Started with Meteor 1.3 & React: Part 2

Thinking in React for jQuery Programmers

If you’re used to writing web applications using just jQuery and manual DOM manipulation, here are five tips that may help you think about writing components "the React way."
Thinking in React for jQuery Programmers

Building a Time Picker with React JS

I recently wrote a tutorial on how to build a date picker with React JS, so I figured I’d expand upon that and detail how to write a time picker, too.
Building a Time Picker with React JS

Building a Mailbox Editor using ReactJS and Bootstrap

Start hacking on Facebook’s React library with this tutorial. To do so, we’ll be building a simple but reusable Mailbox Editor that you can drop into an administration interface for instance.
Building a Mailbox Editor using ReactJS and Bootstrap

Building a Date Picker with React JS

I’ve recently been a pretty big fan of React JS and have been building most of my newer projects using it in combination with LESS and Webpack (both of which are awesome, although I hear the former is a little out of fashion in lieu of SCSS these days). Today, I’m going to be writing about how to create a date picker using React. I’ve made the...
Building a Date Picker with React JS

How to Build a Sliding Menu Using ReactJS and LESS CSS

Through this tutorial, you'll learn how to create a sliding menu control using ReactJS and LESS CSS.
How to Build a Sliding Menu Using ReactJS and LESS CSS

Understanding React JS Rendering

This tutorial will provide you insight into how React JS rendering works and how the flux implementation you choose affects React JS rendering.
Understanding React JS Rendering

Subscribe to our weekly newsletter

YOU MAY ALSO BE INTERESTED IN

Share ideas
with an editor
built for developers

LEARN MORE