React JS – All You Need( incl Hooks, Real Time Projects)

React JS – All You Need( incl Hooks, Real Time Projects) Description

React JS – All You Need( incl Hooks, Real Time Projects) gives you a clear idea of how the frontend communicates with the backend. For basic fundamentals, you will learn in detail about state, props, componentDidMount, componentDidUpdate, and Hooks: useState, useEffect.

Here’s what you will learn in this course:

• Course Introduction
  • Course overview and benefits
• Introduction to React
  • What is React?
  • React official web tour
• Installation and setup
  • Download essential software
  • Boilerplate code using create-react-app
  • Quiz
• Codebase basic things to know
  • understanding package.json file
  • What is JSX?
  • How does React Rendering work?
  • understanding SRC folder
• React essential Fundamental topics
  • What are the components?
  • Components coding hands on
  • Constructor
  • What is State and how to use it
  • State Coding hands on
  • Quiz
• Events handling
  • basic HTML inputs
  • React Events handling
  • events Coding hands on part 1
  • events Coding hands on part 2
• Conditional Rendering in React
  • conditional rendering theory
  • conditional Coding hands on part 1
  • conditional Coding hands on part 2
  • conditional coding hands on part 3
• React Array/List basic’s
  • What is Array?
  • map
  • lists and keys
  • lists Coding hands on
• React router
  • What is routing and how to set up?
  • export import
• props handling
  • setState
  • What are props and how to use them?
  • Props State coding in Action
  • Quiz
• React lifecycle
  • lifecycle
• End to End Users Management Project
  • Project Demo
  • Starter
  • API go through
  • Axios setup
  • User list read (get API) part 1
  • User list looping part 2
  • User list more fields part 3
  • User list layout design CSS
  • User list loader
  • routing (breaking into multiple components) part 1
  • routing (react-router-dom) part 2
  • code files
• Real time weather Application
  • Project Demo
  • project installation part 1
  • installation part 2
  • basic UI/Layout design
  • search button
  • API integration
  • adding loader to project
  • adding more field in weather application
  • CSS
  • code files
• Hooks
  • What are Hooks?
  • useState hooks
  • useEffect hooks
• Todo Application using Hooks
  • Project Demo
  • Code setup and UI
  • Add todo functionality
  • Delete todo button material UI
  • Delete todo from UI logic
  • Caching Todo in browser
  • Go through over code
  • bugs fixed
  • CSS: input and button improved
  • CSS: Align list Item
  • CSS: background color and input color
  • CSS: list space and h1 styling
  • code files