React Training Course

React Course Contents

Before we start

• lightening fast intro to needed ES6+ concepts
• let vs const
• arrow functions
• destructuring objects and arrays
• classes
• importing and exporting modules
• rest vs spread operators
• Promises
• Async / Await (ES8)

Intro

• what is ReactJs and why you should use it

Getting started

• big picture
• tools, webpack, create-react app 
• React inspector
• starter code

React Fundamentals

• ReactDom, what is it, how we get it and how we use it
• what is JSX and how to use it
• creating HTML with JSX and React.Fragment
• virtual DOM 

React Components

• what is a component 
• stateless functional components
• class based components
• creating components
• keeping components isolated
• exporting components
• parent and child components

React and CSS

• coupling css and components
• importing css 

Working with multiple components

• single page applications
• planning layouts with components
• presentational vs container components
• communication between components
• the State object
• passing data through Props 
• importing external helpers in components

React Routing

• using react-router
• using BrowserRouter, Route, Switch from react-router-dom

React Events and Lifecycle Events

• events in React
• handling events in React
• REFs, 
• THIS binding 
• handling Forms in React

State Object - part II

• deeper understanding of state object 
• loading data into State with onClick event
• displaying State with JSX 
• updating State
• removing items from State
• persisting State
• LocalStorage
• bidirectional data flow and live editing of State

React components Animations

• react-transition-group, TransitionGroup, CSSTransition

Validating Components

• propTypes
• validating data using PropTypes

Building React and Deployment

• building for production
• build script
• deploying to NOW
• deploying to Apache

React project React

• Build a project using React