React Training

Overview

• What is React?
• What problems react solves?
• What is Redux?
• What problems Redux solves?

ES2015

• Features of Es2015 which impact Redux and React
• Variable scoping with let and const
• Use arrow functions
• Spread operator
• Object destructuring
• Modules and classes
• Immutable programming
• js

React-Creating components

• Create component classes
• Components
• Pure components
• Stateless functions
• Reference DOM elements

React and JSX

• Rules of JSX
• Return JSX
• Integrate javascript with JSX
• Conditional returning with JSX
• Reserved words with JSX

Test react with Mocha

• Unit testing in general
• Unit testing with Mocha
• Introduction to Enzyme
• Put Mocha and Enzyme together to test react component

Work with states in React

• Manage state with tree components
• Start state
• Update state
• Work with forms
• Difference between controlled and uncontrolled components
• Testing shape
• Props

Compose components

• Sibling components
• Keys
• Parent components
• Child components
• State and props

Event Handlers

• Class arrow functions
• Inline arrow functions
• Via props passing in
• Value of this
• Test event handlers

Life-cycle of component

• Component Did mount
• Life cycle of testing
• Update should component
• Component will receive props
• Other functions of life-cycle

Rendering server

• Redux-reducer functions
• Immutable state
• Immutable programming
• Setting up
• Handling actions
• Combine reducer functions
• Test redux

Redux-store

• Dispatch actions
• Work with middleware
• Subscribe components

Redux-Asynchronous operations

• Asynchronous actions
• Redux- Saga and Thunk
• Mock out asynchronous calls for testing

Redux- Connect with React

• Connector and provider API
• React-Redux
• Test fully integrated React-Redux application

React router

• Why do u need router
• Work with react router
• Reading parameters via router
• Manipulate routes
• Merge Redux with React Router

React Native

• What is React native?
• Benefits of React Native
• Configuration of React Native
• Best practices for reacting native
• Native-ified application of react