Day 2 - Diving Deep Into JSX, Virtual DOM, Event Handling And More

Day 2 - Diving Deep Into JSX, Virtual DOM, Event Handling And More

Preview unavailable

You must log in or sign up to view this lesson.

LoginSign up

Learn React In 30 Days

Buy nowLearn more

Introduction

  • Introduction
  • What's Included - Must Watch This Video
  • Mandatory Skills & Access To Source Code
  • Mastering_Modern_JavaScript_Book.pdf

React Basics

  • Day 1 - Getting Started With React
  • Day 2 - Diving Deep Into JSX, Virtual DOM, Event Handling And More
  • Quiz - Multiple Choice Questions

Class Components

  • Day 3 - Getting Started With ES6 Class And Class Components2
  • Day 4 - Class Component Life Cycle Methods
  • Challenge Question
  • Challenge Solution - Video
  • Day 5 - Class Component Life Cycle Methods Continued3
  • Challenge Question
  • Challenge Solution - Video
  • Quiz - Multiple Choice Questions
  • Day 6 - Building An App Using Class Components
  • Day 7 - Building An App Using Class Components Continued

Functional Components

  • Day 8 - Getting Started With Functional Components With Hooks
  • Day 9 - Diving Deep Into Hooks
  • Quiz - Multiple Choice Questions
  • Day 10 - React Functional Component Challenge 2
  • Day 11 - Build App Using Functional Components
  • Day 12 - Learn useReducer Hook
  • Challenge Question
  • Challenge Solution - Video
  • More Practice Challenges

React Context API

  • Day 13 - Learn Context API
  • Day 14 - Using Context API In Actual Application
  • Quiz - Multiple Choice Questions

React Router

  • Day 15 - Getting Started With React Router
  • Quiz - Multiple Choice Questions

Building Final Application

  • Day 16 - Building Final Application
  • Day 17 - Building Final Application Continued
  • Day 18 - Building Final Application Continued
  • Day 19 - Building Final Application Continued
  • Day 20 - Building Final Application Continued
  • Day 21 - Building Final Application Continued

Performance Optimization Using Lazy Loading

  • Day 22 - Implementing Lazy Loading
  • Quiz - Multiple Choice Questions

Understanding Backend Code

  • Day 23 - Understanding Backend Code

Making The Application Responsive

  • Day 24 - Refactoring And Implementing Responsive Design

Getting Started With Redux

  • What Is Redux?
  • Is Redux Still Worth Learning?
  • Need Of Using Redux
  • Primitive and Reference Types
  • Creating Immutable Objects
  • Creating Immutable Arrays
  • Day 25 - Getting Started With Core Redux
  • Day 26 - Updating The Application Using Core Redux2
  • Quiz - Multiple Choice Questions

Redux Toolkit

  • Breaking Change - Watch This Video Before Proceeding Further
  • Day 27 - Getting Started With Redux Toolkit
  • Day 28 - Updating The Application With Redux Toolkit
  • Day 29 - Updating The Application With Redux Toolkit Continued
  • Quiz - Multiple Choice Questions

Redux With Router Challenge

  • Challenge Question
  • Challenge Solution - Video

Closing Thoughts

  • Day 30 - Revising What We Learned In The Course
  • Extra Applications To Build

Source Code

  • react-training-source-code.zip

Useful Resources

  • 1_React_Guide_State_and_Props.pdf
  • 2_Getting_Started_With_Components_And_Hooks.pdf
  • 3_Styling_React_App.pdf
  • 4_React Hooks Guide.pdf
  • 5_Working_With_Forms_in_React.pdf
  • 6_React_Event_Handling_Guide.pdf
  • 7_React_Fundamentals_Custom_Hooks_Guide.pdf
  • 8_React_Fundamentals_Context_API_Guide.pdf
  • 9_React_Fundamentals_useReducer_Hook.pdf
  • 10_Redux_Fundamentals_Getting_Started.pdf
  • 11_React_Router_Getting_Started.pdf
  • 12_Redux Toolkit_Getting_Started.pdf
  • What's Next

Course Certificate

  • Share Your Feedback
  • Your Course Completion Certificate