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

We Will Be Updated Soon.

We Will Be Updated Soon.

We Will Be Updated Soon.

We Will Be Updated Soon.