Day 4 - Class Component Life Cycle Methods

Day 4 - Class Component Life Cycle Methods

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