Last Updated:

As an Amazon Associate I earn from qualifying purchases.

Best React Tutorial 2019

ADVANCED

FullStack Advanced React & GraphQL


For those who want to be professional React developers.  GraphQL ecosystem is also included.  Studied by over 17,000 students and 16 hours of video!

BEGINNER

React For Beginners


Learn React from scratch in a day (5 hours of video)! 

POPULAR

React - The Complete Guide (incl Hooks, React Router, Redux)



Most Popular React tutorial with over 40 hours of content and 119,000 students! 


React (also referred to as React.js or ReactJS) is an open-source JavaScript library created by Facebook. It is a view library. In other words, it's the V(View) in MVC(Model–view–controller). React focuses primarily on speed, simplicity, and scalability.  Features include Virtual DOM, One-way data flow, JSX, etc. Some of the biggest companies like Facebook, Instagram, Airbnb and Netflix use it daily. React job opportunities are limitless and only growing. React developers make high salaries.  

Best Reactjs tutorials 2019

This course teaches you everything you need to learn advanced React. This course will have you develop a real-world full-stack online clothing store complete with credit card checkout. While building the Full-Stack React app, this course covers everything you need to be a professional React developer including:


  • React Best Practices
  • Server Side Rendering
  • Styled Components
  • Theming
  • Render Props
  • Routing
  • GraphQL Schema
  • Queries and Mutations
  • JSON Web Token (JWT)
  • Resolvers
  • Cache Management
  • Loading and Error States
  • Sending Email
  • Logic and Flow with Async + Await
  • Authentication and Permissions
  • Charging Credit Cards
  • Hosting and Transforming Images
  • Pagination
  • React Forms
  • Animations
  • Third party React Components
  • Unit Testing
  • Mocking Components
  • Mounting vs Shallow Rendering
  • Deployment

This course designed help learning in a incremental and easily digestible manner without getting overly complex. It consists of 16 hours of video content spanning 68 videos. 11 hours are spent building the app and 5 hours testing the app. The content is spread across 10 modules. The app we will build has five main models: Users, Items, Orders, CartItems, and OrderItems. All of them are relational and showcase the power of GraphQL Queries. Users will be able to search, sell, add to cart and checkout their favourite items in our app. After the frontend and backend of the application, we will spend the last third of the course Testing our React apps!

Extensive use of GraphQL Queries is made in this course. You will also make use of GraphQL Yoga, Apollo Client & Prisma. Apollo Client will be used for Data Management. GraphQL Yoga is an Express GraphQL Server. Prisma is a GraphQL Database Interface. Next.js will be used for server side rendering, routing and tooling. Testing will be done with Jest & Enzyme.


If you are serious about becoming a Professional React Developer, this is for you.


PROS


  • Over 17,000 students
  • 16 hours of video

CONS

  • Not through

SUMMARY

The best advanced React tutorial in 2019.

This turtorials teaches you everything to quickly get started with React in a day!  You will learn React from scratch.  This  project based tutorial will have you build an entire real-world apps with JSX, React Router 4, FireBase, Webpack & more.  


This beginner course will teach you:


  • How to develop an entire App or Component from start to finish.
  • Writing markup in JSX
  • Working with create-react-app for Webpack Tooling
  • Understanding Components
  • Maintain your Application's State
  • Communication between components
  • Working with State and HTML5 LocalStorage
  • Real time web socket data with Firebase
  • Creating maintainable code with JavaScript Modules
  • URL routing with React Router 4
  • Using new ES6 Features
  • Deploying React Apps

Learning is split up into small, easily digestible bit sized chunks. This makes learning easy without getting complex. This tutorial contains about 5 hours of video content spread spanning 29 videos. This means you can get started learning React fast in hours!  Anyone looking to modernize their frontend developer skills cannot afford to miss this tutorial.  

PROS


  • Over 27,000 students
  • 5 hours of video

CONS

  • None

SUMMARY

The best React tutorial for beginners in 2019.



React 16 - The Complete Guide (incl Hooks, React Router, Redux) by Maximilian Schwarzmüller will teach you React step by step from scratch. No previous JavaScript library experience is required. If you are experienced with Angular or Vue, you will love this training. It is packed full examples. You will learn Reactjs, Redux, React Routing, Animations, Next.js and more. This React 16.6 course starts with React.js basics. This tutorial dives deeply into popular React libraries.  Recently updated to add React Hooks.

PROS

  • React ecosystem
  • Over 121,000 students!
  • 40 hours of video!

CONS

  • Might be too comprehensive for some.

SUMMARY

The most popular React tutorial in 2019.

Front-End Web Development with React by The Hong Kong University Of Science And Technology explores the aforementioned JavaScript library in detail. This will help learning it. Jogesh K. Muppala is the author. The suggested time to complete this tutorial in about 32 hours. You will explore various aspects of Redux and use it to develop React-Redux powered applications. This online course uses Reactstrap for Bootstrap 4-based responsive UI design. React router training is provided for developing single-page applications. You will make use of Flux architecture.  


conclusion

The best Full-Stack React tutorial in 2019. 

This training will teach you the fundamentals of React 16 and Redux. You will learn how to build amazing single page applications. This tutorial will start you off by mastering the fundamentals including JSX, “props", “state", and eventing. The difference between Props and State are explained are explained in this JavaScript library tutorial. You will master the process of breaking down a complex React component into multiple smaller components. You will learn features including reducers, actions, and the state tree.

You will develop complex applications that scale. You will dive deeper by using Redux middlewares. This training will help you master the fundamental concepts behind structuring applications. You will also use including NPM, Webpack, Babel, and ES6/ES2015 JavaScript. All the used React source code is provided. 

Pros
  • check
    Used by over 118,000 students.
  • check
    The most popular tutorial ever.
  • check
    18 hours of lessons.
Cons
  • Could be more detailed in some parts.

CONCLUSION

The best Redux course in 2019.

This course is a detailed guide. You require basic knowledge before starting this. The concepts taught include Authentication, Testing, Middlewares, Higher Order Components, and Deployment. This tutorial will help you in learning to test your coding including action creators and reducers. Mocha and Chai is used for your testing environment.

You will write a popular Middleware from scratch to handle asynchronous actions. This tutorial will help you learn the differences between cookie-based and token-based authentication. You will master Authentication by building a server with enterprise-grade authentication from scratch. The project being made is a scaleable API with authentication. It will make use of Express, Mongo, and Passport. 

Pros
  • check
    Bought by over 39,000 students
  • check
    12 hours of lessons.
  • check
    Authentication is taught very well.
Cons
  • Experience required.

CONCLUSION

One of the best Redux courses in 2019.

Best Reactjs Courses 2019

This training starts with the fundamentals and covers everything you will need to build and launch apps.  This tutorial will teach you to make use of Redux, Webpack, React-Router v4, and more. This complete course is focused on teaching you programming to make you into a professional developer. You will learn to develop, test, and deploy real-world applications. 


Over 18 sections you will learn a multitude of features and tools. These include: Babel, Testing with Jest, Enzyme, App Debugging, App Deployment, Firebase, Authentication, Git/GitHub, ES6/ES7 and more! You will make two apps in this online tutorial. The first example app will help you in learning the fundamentals. The second sample app will teach you all the real world features including  authentication, user accounts, routing, testing, form validation, database storage, and more.

Pros
  • check
    Used by over 30,000 students.
  • check
    Focused on making you a Pro Dev
  • check
    36 hours of lessons.
  • check
    Great for beginners
Cons
  • Some may consider course to be too long.

CONCLUSION

Great course to become a professional in 2019.

Node with React: Fullstack Web Development by Stephen Grider will teach you how to develop and deploy fullstack web apps. You will also use Express, and MongoDB. This Fullstack tutorial will teach you how to create boilerplate starter projects with Express, and MongoDB. You will learn the architectural considerations of building a full-stack app . You will start off with connecting a front-end Create-React-App server to a NodeJS and Express backend, then communicate data from MongoDB to your React app.

You will be build reusable user inputs using Redux Form complete with navigation. This  tutorial will teach you how to route user requests on the front-end with React Router and on the backend with Express.js. You will use Stripe, Google OAuth and  API key handling techniques.

Pros
  • check
    Great for fullstack developers
  • check
    MERN stack
  • check
    Used by over 30,000 students.
  • check
    Over 25 hours of content.
Cons
  • Basic  JavaScript library understanding required.

CONCLUSION

The best React and Node tutorial in 2019.

GraphQL with React: The Complete Developers Guide by Stephen Grider will teach you how to build amazing single page applications. You will master the GraphQL ecosystem including Apollo and Relay. This interactive programming will teach you to integrate a GraphQL backend server with a front end. You will master fundamental concepts behind structuring GraphQL servers. You will learn the core principles of GraphQL navigation. This coding course teaches how to master authentication with GraphQL. 

Pros
  • check
    Master the GraphQL ecosystem.
  • check
    Used by over 18,000 students.
  • check
    13 hours of content.
Cons
  • Basic understanding required.

CONCLUSION

The best React and GraphQL tutorial in 2019.

Server Side Rendering with React and Redux by Stephen Grider will help you learn by building apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques. You will understand the challenges of Server Side Rendering. This Server Side Rendering tutorial will teach you SEO (Search Engine Optimization). You will combine many JavaScript library to build a server-side-rendered web application.

CONCLUSION

The best React Server Side Rendering (SSR) tutorial in 2019.

Meteor and React for Realtime Apps by Stephen Grider will teach you to build single page applications with Meteor and React. You will master Meteor fundamentals. You will master the fundamental concepts behind structuring Meteor applications. You will learn how to secure your application, set up user authentication and permissions using Meteor. You will be understanding how to render your Meteor data. Then you will master the process of breaking down a complex component into many smaller, interchangeable components. This interactive course will help you grasp the difference between  React Props and React State and when to use which. 

CONCLUSION

The best React & Meteor tutorial in 2019.

React JS and Redux - Mastering Web Apps by David Katz will teach you how to develop entire applications from scratch. You will master the principals of React in this project based course. This training course will teach you ES6/Babel and HTTP Web Requests. This Redux tutorial will teach you React-Router. You will learn how to use State, Props, React Components, React LifeCycle Methods and styling with React Bootstrap. Firebase, ES6 and JavaScript is also used. By the end of the course, you will be able to create real-time web apps with full authentication and database. 

Pros
  • check
    Great for beginners
  • check
    Used by over 54,000 students
  • check
    Project based
Cons
  • Could be longer in length.
  • exclamation-triangle
    Hasn't been updated in a while.

CONCLUSION

For those that like project-based tutorials.

React VR - Creating Virtual Reality Apps by David Katz will teach you to create the virtual reality apps. This VR tutorial will also use ES6, JavaScript, etc. This VR course is project based, tackling 3 projects. You will start with the essentials of React VR and learn the main concepts.

The 3 React VR apps you will be building are:

  1. World Tour
  2. 3D game with local storage
  3. Weather app with APIs.

CONCLUSION

The best React VR tutorial in 2019.

Best Reactjs books 2019

The Road to learn React: Your journey to master plain yet pragmatic React.js
  • Wieruch, Robin (Author)
  • English (Publication Language)
  • 200 Pages - 09/14/2018 (Publication Date) - Independently published (Publisher)

The Road to learn React: Your journey to master plain yet pragmatic React.js by Robin Wieruch teaches you the fundamentals of React. You will gain a solid foundation on React. This React beginner book will teach you all the basics, concepts and internal state management.


You will learn:

  • Hacker News App in React with API
  • Create-react-app to bootstrap your React apps
  • Lightweight React code
  • React setState as state management
  • Transition from JavaScript ES5 to ES6 along the way
  • React API with setState and lifecycle methods
  • User interactions
  • Client-sided sorting, searching and filtering
  • Implementation of client-side caching
  • Higher order functions and higher order components
  • Snapshot test components with Jest
  • Unit test components with Enzyme
  • Deploy your React app to production

PROS

  • Highly rated 
  • 200 pages
  • Fundamentals

CONS

  • Some might consider it too short.

SUMMARY

The best React book for beginners in 2019.

Sale
React Quickly: Painless web apps with React, JSX, Redux, and GraphQL
  • Mardan, Azat (Author)
  • English (Publication Language)
  • 528 Pages - 09/28/2017 (Publication Date) - Manning Publications (Publisher)

React Quickly: Painless web apps by Azat Mardan will help you learn  fast. This hands-on book teaches you concepts using examples, tutorials, and projects. You will learn:

  • Master fundamentals
  • Building web application with data and routing
  • Test components
  • Optimize application

You will start with an introduction and move onto learning what is JSX. Then, you will make it interactive with states. This book will teach you React Component Lifecycle Events, scaling components, event handling, forms, Redux and unit testing with Jest. You will be building React apps with GraphQL, Node, Express, Jest, MongoDB and more.

PROS

  • Highly rated 
  • 528 pages
  • Hands-on guide

CONS

  • Some JavaScript experience required.

SUMMARY

This book will help you learn fast.

Fullstack React: The Complete Guide to ReactJS and Friends
  • Accomazzo, Anthony (Author)
  • English (Publication Language)
  • 836 Pages - 09/12/2017 (Publication Date) - Fullstack.io (Publisher)

Fullstack React: The Complete Guide to ReactJS and Friends by Accomazzo Anthony, Murray Nathaniel and Lerner Ari will help you learn React ecosystem. Regularly updated, this is the definitive guide to React. You will learn everything required for building professional apllication that are tested and optimized. This book contains live code and  projects in every chapter. 

You will learn:

  • Creating your first Web Application
  • React Components & Servers
  • JSX and the Virtual DOM
  • Component Configuration with props, state, and children
  • React Forms
  • Using Webpack with Create React App
  • Unit Testing
  • React Routing
  • Flux and Redux, along with using Presentational and Container Components
  • Using GraphQL
  • Relay Classic
  • React Native


PROS

  • Highly rated 
  • 836 pages
  • Comprehensive

CONS

  • Maybe too complex for some

SUMMARY

This is one of the best Fullstack book.

Bestsellers

Bestseller No. 1
React Design Patterns and Best Practices: Build easy to scale modular applications using the most powerful components and design patterns
  • Bertoli, Michele (Author)
  • English (Publication Language)
  • 318 Pages - 01/13/2017 (Publication Date) - Packt Publishing (Publisher)
Bestseller No. 2
The Road to learn React: Your journey to master plain yet pragmatic React.js
  • Wieruch, Robin (Author)
  • English (Publication Language)
  • 200 Pages - 09/14/2018 (Publication Date) - Independently published (Publisher)
SaleBestseller No. 3
React Quickly: Painless web apps with React, JSX, Redux, and GraphQL
  • Mardan, Azat (Author)
  • English (Publication Language)
  • 528 Pages - 09/28/2017 (Publication Date) - Manning Publications (Publisher)
SaleBestseller No. 4
Learning React: A Hands-On Guide to Building Web Applications Using React and Redux (2nd Edition)
  • Chinnathambi, Kirupa (Author)
  • English (Publication Language)
  • 304 Pages - 05/25/2018 (Publication Date) - Addison-Wesley Professional (Publisher)
SaleBestseller No. 5
Pro React 16
  • Freeman, Adam (Author)
  • English (Publication Language)
  • 745 Pages - 03/20/2019 (Publication Date) - Apress (Publisher)
SaleBestseller No. 6
Learning React: Functional Web Development with React and Redux
  • Banks, Alex (Author)
  • English (Publication Language)
  • 350 Pages - 05/18/2017 (Publication Date) - O'Reilly Media (Publisher)
Bestseller No. 7
React Explained: Your Step-by-Step Guide to React
  • Gordon, Zac (Author)
  • English (Publication Language)
  • 303 Pages - 03/05/2019 (Publication Date) - Independently published (Publisher)
Bestseller No. 8
Full-Stack React Projects: Modern web development using React 16, Node, Express, and MongoDB
  • Hoque, Shama (Author)
  • English (Publication Language)
  • 470 Pages - 05/29/2018 (Publication Date) - Packt Publishing (Publisher)
Bestseller No. 9
Fullstack React: The Complete Guide to ReactJS and Friends
  • Accomazzo, Anthony (Author)
  • English (Publication Language)
  • 836 Pages - 09/12/2017 (Publication Date) - Fullstack.io (Publisher)
Bestseller No. 10
Beginning React (incl. JSX, React Router and Redux)
  • Amazon Kindle Edition
  • Lim, Greg (Author)
  • English (Publication Language)
  • 149 Pages - 11/12/2017 (Publication Date)

React Cookbook: Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL

React Cookbook: Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL
  • Amazon Kindle Edition
  • Roldan, Carlos Santana (Author)
  • English (Publication Language)
  • 580 Pages - 08/30/2018 (Publication Date) - Packt Publishing (Publisher)

React Cookbook by Carlos Santana Roldan is packed with React recipes covering all React topics. You will learn from over 66 React recipes that cover React UI development, animations, component architecture, routing, databases, testing, and debugging. This React tips and tricks book contains essential React hacks and simple React techniques to solve React application development challenges. Using Jest and Enzyme, you will write React tests. You will learn:

  • Complex topics such as Webpack and server-side rendering (SSR)
  • Implement API using Node.js, Firebase, and GraphQL
  • Improve React performance
  • Deploy React app on Digital Ocean
  • React best practices when organizing and testing large React apps
  • Mobile apps Using React Native

This is one of the best React cookbooks in 2019.

Learning React: Functional Web Development with React and Redux

Sale
Learning React: Functional Web Development with React and Redux
  • Banks, Alex (Author)
  • English (Publication Language)
  • 350 Pages - 05/18/2017 (Publication Date) - O'Reilly Media (Publisher)

Learning React by Alex Banks and Eve Porcello will help you get started with React. This learning React book teaches you to create UIs with React. You will learn:

  • Learn key functional programming concepts with JavaScript
  • Create application presentation layers by mounting and composing React components
  • Use React component trees to manage data and reduce time debugging React applications
  • Learn React component lifecycle to load data and improve UI performance
  • Use a routing solution for browser history, bookmarks, and other features of single-page applications
  • Learn how to structure React applications

 

React Design Patterns and Best Practices

React Design Patterns and Best Practices: Build easy to scale modular applications using the most powerful components and design patterns
  • Bertoli, Michele (Author)
  • English (Publication Language)
  • 318 Pages - 01/13/2017 (Publication Date) - Packt Publishing (Publisher)

  • Write clean and maintainable React code
  • Create reusable React components applying consolidated techniques
  • Use React effectively in the browser and node
  • Use React server-side rendering to make apps load faster
  • Building high-performing React applications by optimizing React components
  • React styling

This is one of the best react design patterns book in 2019.

 

React: Up & Running: Building Web Applications

Sale
React: Up & Running: Building Web Applications
  • O Reilly Media
  • Stoyan Stefanov (Author)
  • English (Publication Language)
  • 222 Pages - 08/04/2016 (Publication Date) - O'Reilly Media (Publisher)

React: Up & Running by Stoyan Stefanov will get you running with React. This book will start you off by explaining how to make React components properly. You will learn:

  • Setting up React and write your first React Hello world app
  • Create and use custom React components with generic DOM components
  • Develop a React data table component with edit, sort, search, and export
  • Use the JSX syntax
  • Set up a lean low-level React build process
  • Use Flux for component communication
  • Use ESLint, Flow, and Jest to check and test your React code

 

Learning React: A Hands-On Guide to Building Web Applications Using React and Redux (2nd Edition)

Sale
Learning React: A Hands-On Guide to Building Web Applications Using React and Redux (2nd Edition)
  • Chinnathambi, Kirupa (Author)
  • English (Publication Language)
  • 304 Pages - 05/25/2018 (Publication Date) - Addison-Wesley Professional (Publisher)

Kirupa Chinnathambi will teach you by a hands-on guide to developing web applications. You will learn to develop your first application in minutes. This manual is packed with step-by-step examples to explain complex concepts. You will learn:

  • Create components for UI
  • Combine multiple components to form complex UIs
  • Use JSX
  • Maintain state
  • Optimize your workflow using tools such as Node, Babel, webpack, etc

Last update on 2019-11-13 / Affiliate links / Images from Amazon Product Advertising API