Course Name: – Learn ReactJS in 2 days
Date & Time: – Sat 06th Oct & Sun 07th Oct 2018, 9 AM to 6 PM
Cost: –
Booking between 22 Jul 2018 to 25 Aug 2018 – 1000 INR discount, you pay 6000 INR
Booking between 26 Aug to 22 Sep 2018 – 500 INR discount, you pay 6500 INR
Booking between 23 Sep to 05 Oct 2018 – 0 INR discount, you pay 7000 INR
How to Join?
Click Here
Key Features
-
-
- No PPT’s completely Hands-on ReactJS training.
- Lunch & Tea will be provided.
- All at only 7000 INR
- Installation required in your laptop for training
-
Day 1 – First Day
Pre-Requisites for Modern React Application | ● ES6 Features 1) OOPS in ES6 2) Classes 3) Data Types 4) Arrow Functions 5) Spread Operator 6) Object Destructuring 7) Array Filter function● Node Package Manager (NPM) ● Webpack ● React Dev Tools |
Setting Up the Environment for Modern React Application | ● VS Code Extensions if using VS Code ● Webpack Configuration ● Webpack Dev Server |
React Architecture | ● Understanding React ● Why React ● React Architecture and Virtual DOM |
First React Application | ● React Create Element API ● React without JSX* |
JSX (JavaScript XML – A Syntax extension to JavaScript) | ● What is JSX ● Why we need JSX? |
Babel – JavaScript Compiler | ● What is Babel ● Why Babel ● Setting Up Babel locally for Transpilation |
JSX Expressions and Rules | ● JSX Syntax and Rules (DOM Elements) ● JSX Expressions ● React DOM synthetic events ● Conditional Rendering in JSX |
JSX Arrays | ● JSX Arrays and Rules |
React Components | ● What is a React Component and why it is required in React? ● Nest Components |
Component Props | ● Understanding Component props ● Children Props ● Validating props with PropTypes ● Default Prop Values |
Day 2 – Next Day
Event & Method Binding | ● Event Binding in Components ● Method Binding in Class Components ● Forms and Inputs |
Controlled Inputs vs HTML Plain Inputs | ● What are Controlled Inputs and How they are different from Plain HTML Inputs |
Component Lifecycle | ● Component Lifecycle Methods: – componentDidMount – componentWillMount – componentDidUpdate – componentWillUnmount |
Error Boundary | ● Understanding Error Boundary ● Error Handling in React Components |
Component State & its Rules | ● Understanding Component State with a Sample Counter Application ● How it is important to React Application ● Creating and Updating State ● Passing state as props |
Components Vs Props | ● Difference between Component States and Props. |
Stateless functional Components | ● Understanding Stateless Components and When to use them |
CRUD Operations using React | ● Understanding fetch API ● Bind React Components with Data ● Http Service Integration using ASP.NET WebAPI |
Custom Validation in React | ● How we can add up Custom Validation in React ● React 3rd Party Validation Libraries |
React Router | ● React Router configuration ● Setting up a 404 Page ● Server Vs Client Routing ● Route Vs Link Vs NavLink ● Query Strings and URL Paramaters in Routing |
Redux | ● What is Redux and Why Redux? ● Setting Up Redux ● Redux Vs Traditional React State ● Higher Order Component ● Redux Store (Containers) ● Redux Actions, Dispatchers and Reducers ● Subscribing Actions ● Working with Multiple Reducers |