React for visual learners

React for visual learners
Learn React and Redux from the ground up with a mixture of code and whiteboard-style drawings on the core concepts.

Learn the core concepts that you will need in order to work on a real-world project in React and Redux.

**Build a working app using React and Redux in less than 4 hours guided by white-board diagrams when the going gets tough. **

  • JavaScript 2015/2016
  • React fundamentals
  • React components and properties
  • Unidirectional data flow with Redux
  • State mutation instead of overwriting
  • Retrieve and store data using AJAX
  • Beautiful components using Material-UI
  • Component design patterns
  • React-Redux container components

**Be in demand with this hot skill **

React skills are in high demand. With this course you will learn everything you need to know in order to start working on a React project, including the internals of how React updates and why it’s so performant. You will be able to hold your own in conversations about the benefits of React, and why certain things work the way they do.

Not only will this help you in your current job, or help you secure a job as a React developer, it will also expose you to the concepts that are ubiquitous in front-end development, concepts that translates well to other frameworks like Angular.

Content and Overview

This course is totally suitable to beginners with some JavaScript experience. We skip over all the boring environmental stuff, because you can get all that from boilerplate projects on the web, including the git repository for this course.

The way you’ll get going is by cloning a git repository and running a few commands on the command line. You have safe checkpoints in this git repository which you can work from for each lesson, meaning even if you veer off in a direction, you can follow along with the exact same code again with an easy git command.

Because you won’t mess around too much to get an environment going, you’ll be able to get to the nitty gritty of React within minutes. In fact, **you’ll have your first React component rendered in the browser within a matter of minutes! **

You’ll build an app similar to hackernews, where you can add links and people can vote on it. The starter git repository gives you a backend environment, so that you can practice network access using React and Redux against a real world HTTP server.

You will first be introduced to React, and build some simple components. We’ll then go over some component design pointers, and how the data flows from one component to the next.

You will be coding features all the time, and along the way you will move the code base over from pure React to using Redux for data-flow.

In the end you’ll know what a container component is, you will know why you need to mutate state, you will write action creators, reducers, and a bunch of components!

Oh, and you’ll make your app look appealing quite early on in the project by pulling in a wonderful React component library called Material-UI.

What you’ll get in this course

  • 3.5 jam-packed hours of video content especially crafted to minimise the time you need to spend in order to master the core concepts
  • A git repository that helps you get your environment set up in no time
  • Safe checkpoint branches in the repository that you can check out to follow along with exactly the same code for each lesson
  • Loads of white-board drawings that will make you master even the most challenging concepts of React and Redux


Master ReactJS: Learn React JS from Scratch

React Native Projects

The Complete Web Development Tutorial Using React and Redux

Learn ReactJS: Code Like A Facebook Developer

React for beginners tutorial

ReactJS Course: Learn JavaScript Library Used by Facebook&IG