Learn ReactJS in 2 days

Course Name: – Learn ReactJS in 2 days

Date & Time: – Sat 18th Aug & Sun 19th Aug 2018, 9 AM to 6 PM

Cost: – 

Booking between 24 Jun 2018 to 14 Jul 2018 – 1000 INR discount, you pay 6000 INR
Booking between 15 Jul to 04 Aug 2018 – 500 INR discount, you pay 6500 INR
Booking between 05 Aug to 17 Aug 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
        • Visual Studio Code download link, get from here
          and
        • VS 2017 Community Edition download link, get from here
        • Microsoft SQL Server 2008 or higher
        • NodeJS download link, get from here
        • Very important below are some of the small extensions needed for VS Code: –

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