Are you looking to master the art of React JS? Look no further than Yess Infotech, your premier destination for top-notch React JS training in Pune.
We are the best IT Training and Placement Institute in ,Pune. We provide all IT Training for freshers as well as for working professionals. Also, we provide wide range of trainings. We consult our students for career opportunities and support for long time.
Section 1 – Getting Started 2Hr
What is React
Setting Up the Development Environment
Your First React App
Hello World
Custom Configs
Full-stack Architecture
Redux?
Section – 2 ES6 Refresher 3Hr
Introduction
Let vs Var vs Const
Objects
The this Keyword
Binding this
Arrow Functions
Arrow Functions and this
map Method
Object Destructuring
Spread Operator
Classes
Inheritance
Modules
Named and Default Exports
Section 3 – Components 3 to 4Hr
Introduction
Setting Up the Project
Your First React Component
Specifying Children
Embedding Expressions
Setting Attributes
Rendering Classes Dynamically
Rendering Lists
Conditional Rendering
Handling Events
Binding Event Handlers
Updating the State
What Happens When State Changes
Passing Event Arguments
Setting Up the Project
Exercises
Building the Movies Component
Deleting a Movie
Conditional Rendering
Summary
Section 4 – Composing Components 4 to 5Hr
Introduction
Composing Components
Passing Data to Components
Passing Children
Debugging React Apps
Props vs State
Raising and Handling Events
Updating the State
Single Source of Truth
Removing the Local State
Multiple Components in Sync
Lifting the State Up
Stateless Functional Components
Destructuring Arguments
Lifecycle Hooks
Mounting Phase
Updating Phase
Unmounting Phase
Exercise- Decrement Button
Solution – Decrement Button
Exercise- Like Component
Solution- Like Component
Summary
Section 5 – Pagination, Filtering, and Sorting 4Hr
Introduction
Exercise- Pagination Component
Pagination- Component Interface
Pagination- Displaying Pages
Pagination- Handling Page Changes
Pagination- Paginating Data
Pagination- Type Checking with PropTypes
Exercise- ListGroup Component
Filtering- Component Interface
Filtering- Displaying Items
Filtering- Default Props
Filtering- Handling Selection
Filtering- Implementing Filtering
Filtering- Adding All Genres
Sorting- Extracting MoviesTable
Sorting- Raising the Sort Event
Sorting- Implementing Sorting
Sorting- Moving Responsibility
Sorting- Extracting TableHeader
Sorting- Extracting TableBody
Sorting- Rendering Cell Content
Sorting- Unique Keys – Final
Sorting- Adding the Sort Icon
Sorting- Extracting Table
Sorting- Extracting a Method
Destructuring Arguments
Summary
Quick Note
Section 6 – Routing 3 Hr
Introduction
Setup
Adding Routing
Switch
Link
Route Props
Passing Props
Route Parameters
Optional Parameters
Query String Parameters
Redirects
Programmatic Navigation
Nested Routing
Exercises- NavBar and Routing
Adding React Router
Adding Routes
Adding the NavBar
Linking to the MovieForm
Summary
Section 7 – Forms 5Hr
Introduction
Building a Bootstrap Form
Handling Form Submission
Refs
Controlled Elements
Handling Multiple Inputs
Common Errors
Extracting a Reusable Input
Validation
A Basic Validation Implementation
Displaying Validation Errors
Validation on Change
Joi
Validating a Form Using Joi
Validating a Field Using Joi
Disabling the Submit Button
Code Review
Extracting a Reusable Form
Extracting Helper Rendering Methods
Register Form
Code Review
Exercise 2- Movie Form
Code Review
Exercise 3- Search Movies
Code Review
Section 8 – Calling Backend Services 5 to 6Hr
Introduction
JSON Placeholder
Http Clients
Getting Data
Creating Data
Lifecycle of a Request
Updating Data
Deleting Data
Optimistic vs Pessimistic Updates
Expected vs Unexpected Errors
Handling Unexpected Errors Globally
Extracting a Reusable Http Service
Extracting a Config Module
Displaying Toast Notifications
Logging Errors
Extracting a Logger Service
Vidly Backend
Installing MongoDB on Mac
Installing MongoDB on Windows
Setting Up the Node Backend
Disabling Authentication
Exercise- Connect Movies Page to the Backend
Adding Http and Log Services
Replacing FakeGenreService
Replacing FakeMovieService
Extracting a Config File
Exercise- Connect Movie Form to the Backend
Populating the Form
Refactoring
Saving the Movie
Refactoring
Section 9 – Authentication and Authorization 4 to 5Hr
Introduction
Registering a New User
Submitting the Registration Form
Handling Registration Errors
Logging in a User
Submitting the Login Form
Handling Login Errors
Storing the JWT
Logging in the User upon Registration
JSON Web Tokens
Getting the Current User
Displaying the Current User on NavBar
Logging out a User
Refactoring
Calling Protected API Endpoints
Fixing Bi-directional Dependencies
Authorization
Showing or Hiding Elements based on the User
Protecting Routes
Extracting ProtectedRoute
Redirecting after Login
Exercise
Hiding the Delete Column
Section 10 – Deployment 3Hr
Introduction
Environment Variables
Production Builds
Getting Started with Heroku
MongoDB in the Cloud
Adding Code to a Git Repository
Deploying to Heroku
Viewing Logs
Setting Environment Variables on Heroku
Preparing the Font-end for Deployment
Deploying the Front-end
Wrap Up
What to Learn Next