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

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.

A Beginner's Guide to Redux Middleware

This article will introduce beginner's to React & Redux to Redux middleware.
A Beginner's Guide to Redux Middleware

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

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

Setting Up a React.js Environment Using Npm, Babel 6 and Webpack

In this blog post, we are going to see how to set up a React development environment without being sidetracked by the tools. Hopefully, this will help you develop a lean approach when setting up a development environment.
Setting Up a React.js Environment Using Npm, Babel 6 and Webpack

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

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

Building a Chrome Extension using React.js, Broccoli, CoffeeScript, and SASS (CSS)

React is a great new way to write the frontend of your app. This tutorial will show you how to use React to add some UI on top of a current website through a Chrome Extension.
Building a Chrome Extension using React.js, Broccoli, CoffeeScript, and SASS (CSS)

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

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

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

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

Create a Dropdown using React JS, Font Awesome and LESS CSS

Learn how to create a dropdown control using React JS, LESS CSS, and Font Awesome.
Create a Dropdown using React JS, Font Awesome 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

Building a Calendar using React JS, LESS CSS and Font Awesome

Learn how to create your own calendar control using React JS, LESS CSS, Font Awesome, and Moment JS.
Building a Calendar using React JS, LESS CSS and Font Awesome

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

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

Building a flipper using React JS and LESS CSS

Want to attract users and keep them engaged? Creating a flipping title using CSS3 animations and ReactJS might help!
Building a flipper using React JS and LESS CSS