Rect Js Training

1) Introduction

• What is React
• Why React
• Understanding single page application

2) ES6 Concepts used in React

• ES6 concepts like Import, Export, Arrow Functions etc

3) Understanding base react features and syntax

• Create react app
• Understanding Folder Structure

4) Understanding of Component

• Understanding component basics
• Understanding JSX
• Creating functional component
• Working with component and re-using
• Working with Props
• Working with States

5) Lists and Conditionals

• Rendering Content Conditionally
• Outputting Lists
• Lists & State
• Updating State Immutably

6) Styling react components and Elements

7) Debugging react apps

8) Components and React internals

• Splitting an App Into Components
• Understanding the Component Lifecycle
• How React Updates the App & Component Tree

9) Advance

• Examples of Animations
• Different Ways to Create Animations
• Angular Animations
• Angular Material
• Testing
• Build
• Deployment on Server

10) Adding Routing

• Setting up routing and routes
• Passing data via query params

11) Forms and Form Validation

• Creating Forms and controls
• Adding validations

12) Redux

• Understanding state
• Complexity of managing states
• Understanding Redux flow
• Setting up reducers, actions and store

13) Adding Authentication

14) Introduction to working with Webpack

• Setting up routing and routes
• Passing data via query params

15) Forms and Form Validation

• How webpack works
• Project and npm setup
• Creating basic folder and file structure
• Setting up basic Webpack configuration