arfarf89 / starting-steps-react

Web links I read to start learning React in chronological order.

starting-steps-react

Web links I read to start learning React in chronological order.

Day 1

1. A re-introduction to JavaScript(JS tutorial)

Day 2

1. Tutorial:Intro to React

Day 3

1. facebookincubator/create-react-app
2. Presentational and Container Components
3. On JSX
4. React Fundamentals
   • Intro to the React Ecosystem
     • Welcome
     • Introduction to the React Ecosystem Video
     • Introduction to React Quiz

Day 4

1. React Fundamentals
   • Intro to the React Ecosystem
     • Imperative vs Declarative Programming
   • Setting up your first React component with NPM, Babel, and Webpack
     • Intro to Text Sections
     • NPM
     • Webpack 2 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 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
     • Video: The "this" Keyword Pt1: Intro and Implicit Binding

Day 5

1. React Fundamentals

   • Pure Functions. f(d)=v. Props and Nesting React Components.
     • 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

2. React Training / React Router

Day 9

1. React Stateless Function Components: Nine Wins You Might Have Overlooked

Day 10

1. Redux: The Single Immutable State Tree
2. Redux Documentation