React and Flux Web Development for Beginners

React and Flux Web Development for Beginners
React and Flux Web Development for Beginners
English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 11 Hours | 3.45 GB

The comprehensive guide to building professional web apps with Facebook’s React & Flux

Welcome to React and Flux Web Development for Beginners.

This course is designed for developers who know basic HTML and CSS but who want to take their skills to the next level by building data-driven web apps – the kind of apps that can be used for products or startups and the type of apps that can interact with servers.

The course is also for developers of any level who want to know and master React and Flux.

Why should you learn React js instead of Angular or Backbone or Ember or Meteor? One reason is because React is incredibly minimalistic. It focuses on reusable view components. Never have to copy and paste code again with React. Then take the Reflux design architecture and mix it with React js and you have a full-stack front-end solution that is very lightweight. Frameworks like Angular do a LOT of things, are very heavyweight, and have steep learning curves. Why use a framework that gives you stuff you don’t need in every project?

React was created by Facebook, designed incredibly well, and makes fantastic data-driven websites. React Flux is a powerful combination.

You are going to learn a lot in this course. Here are some of the topics we cover:

  • React Components and component nesting
  • React Component user interaction with states
  • React Component data management with props
  • Robust architectures with Flux and Reflux
  • Building simple Node & Express servers
  • Making HTTP requests and managing data in React
  • In-line React styling with Javascript
  • Parsing and managing JSON in React
  • Single page applications with React Router
  • Javascript overview
  • Professional development practices and tips
Table of Contents

React Course Overview
1 Intro to React Course
2 How to get free live help other cool stuff

Free Bonus Content – Javascript Basics React pre-requisites
3 Javascript Resources React pre-requisite
4 Installing NodeJs React pre-requisite
5 Javascript Strings React pre-requisite
6 Javascript Conditionals React pre-requisite
7 Javascript Numbers React pre-requisite
8 Javascript Loops Arrays React pre-requisite
9 Javascript Objects React pre-requisite
10 Javascript Bind React pre-requisite
11 NPM readline-sync React pre-requisite
12 Exercise – Node Calculator React pre-requisite

Intro to React
13 Set up Atom IDE for React development
14 Mac Error -bash atom command not found
15 Installing NodeJs for React development
16 Node basics npm for React development
17 Node module exports
18 Exercise Working with multiple files in Node
19 React tooling overview
20 Building a React skeleton app with Watchify Babelify Node
21 Exercise Your own skeleton app
22 Designing your React app with Components
23 React App Your first React application – Ingredients
24 Bootstrap Overview
25 Bootstrap Grid System
26 React App Ingredients – CSS React Inline Styling Part 1
27 React App Ingredients – CSS React Inline Styling Part 2
28 Exercise Components panels and the grid
29 Exercise Student Solution
30 Using React without NPM
31 How react works thinking in React
32 Exercise React project skeleton from memory with Node
33 React Chrome developer tools
34 Important notes about React

Moving Forward With React
35 Event system in React
36 Multiple pages with React Router
37 React Router hash
38 Exercise Country News
39 Problems mixing React and other frameworks like Angular
40 Comments in JSX React
41 Forms in React
42 Forms in React Part 2 – Working with refs
43 Exercise Simple React calculator
44 Exercise React Student Solution

HTTP Requests React Flux Reflux
45 Setting up a simple Node Express test server for React
46 How web requests work
47 Using Postman to test APIs
48 Javascript Bind
49 HTTP Requests with Fetch
50 Exercise Weather App API With React
51 Exercise React Student Solution
52 Understanding React Flux
53 A better way with React Reflux
54 React Reflux – Actions Stores
55 React Reflux Stores Listeners Triggers
56 React Reflux Modifying data
57 React Pokedex

Putting Theory Into Practice – A Better React Developer
58 Setting up the React project
59 Building a reuseable navigation bar with React
60 Creating a link hover effect on the navigation bar with State
61 React Router route params getting updated props
62 React Lead capture form with dynamic UI
63 Flux Reflux and connecting the lead capture form in React