React Fundamentals

May 25, 2018

React Fundamentals
Sale Page: _

Price: $379

You must be an active subscriber to view this premium content. Please register

The modularity of the React ecosystem is extremely powerful for building applications. However, it makes learning React a nightmare when first starting out. To even get a React app up and running, you need the right combination of React, Webpack, and Babel. In this course we’ll start from a blank folder and we’ll build an application that encompasses everything you need to get started building production ready applications with React (including Routing and Ajax requests). With an average rating of 9.3/10 from 2,945 reviews, this could be the most popular and highest rated way to learn React. Recently updated and compatible with React 16.3.
Experience with the web platform (HTML, CSS, javascript) will help, but if you’re coming from a different programming language, it isn’t required. If you’re a complete beginner, this course may be a struggle but you’re welcome to try it out.
Sign Up
What you’ll learn

Pure Functions
React (v16.3)
Imperative vs Declarative
Unidirectional Dataflow
Virtual DOM
ES6 Classes
prop-types package
functional setState
Lifecycle Hooks
Container vs Presentational Components
Stateless Functional Components
Synthetic Events
Private Stateless Functional Components

React Router
Declarative Routing
Route Matching
Query Params
Webpack 4
Building for Production

Who is this course for?

Mid to Sr level back-end developers who are new to javascript but want to learn about React as quickly as possible.
Bootcamp graduates who are confident in the fundamentals of javascript and want to become more employable by learning React.
Angular developers who want to learn about why React is gaining popularity.
Developers who are frustrated with the disjointed approach to learning React and want a linear, coherent path.
jQuery or Backbone developers who want to learn a more declarative, component based approach to building UIs.
Native mobile developers who want to see what all the hype around React is about.
Front end developers wanting to modernize their skillset in order to get a raise or apply for another job.

Sign Up
Course Outline

Intro to the React Ecosystem
Introduction to the React Ecosystem Video
Introduction to React Quiz
(Bonus Text) Imperative vs Declarative Programming
Setting up your first React component with NPM, Babel, and Webpack
Intro to Text Sections
Webpack 4 for React
First React Component
Video: Babel, Webpack, and React
(Bonus Text) React Elements vs React Components
Quiz: Npm, Babel, and Webpack
Dataflow with Props
Dataflow with Props in React
Practicing Props
Solution – Props
Creating lists in React with .map and .filter
Practicing .map and .filter
Solution – .map and .filter
Pure Functions. f(d)=v. Props and Nesting React Components.
Building UIs with Pure Functions and Function Composition in React
Introduction to PropTypes
Video: Validating Components with PropTypes
Quiz: Pure Functions and Props
The “this” keyword + Managing and Updating State
Video: The “this” Keyword Pt1: Intro and Implicit Binding
Video: The “this” Keyword Pt2: Explicit binding with .call, .apply, and .bind
Video: The “this” keyword Pt3: The “new” and “window” binding
Video: Managing and Updating Component State
Quiz: The “this” keyword
Stateless Functional Components
Stateless Functional Components in React
Video: Stateless Functional Components
Private Components in React
(Bonus Text) Functional Components vs Stateless Functional Components vs Stateless Components
Life Cycle Events + Ajax
React Life Cycle Events
Video: Making Ajax Requests in React
Quiz: Lifecycle Events
React Router V4
Intro to React Router V4
Video: Adding React Router to our Application
Forms and Encapsulation in React
Video: Forms and Encapsulation in React
Dynamic Rendering + Query Params
Video: Dynamic Rendering + Query Params
Axios, Promises, and the Github API
Video: Axios, Promises, and the Github API
Composition vs props.children
props.children in React
Video: Composition vs props.children
Building a Highly Reusable React Component
Defaulting props with defaultProps
Video: Building a Highly Reusable Component
Quiz: Building a Highly Reusable React Component
Building for Production + Hosting
Video: Building for Production + Hosting
My Favorite Things
Next Steps