Course Highlights
  • Introduction to what is React and its basic concepts
  • Learn what is JSX and how it works behind the scenes
  • Learn what are the stateful and stateless components and when to use them
  • Working with function based and class based components
  • Working with React Modules, importing and exporting the modules
  • Learn in detail about how the render method works
  • React component lifecycle and different lifecycle methods
  • Creating dynamic websites with help of re-usable components
  • Creating a proper working structure for a project from scratch which will help maintaining the project for long term
Curriculum

4 Topics
ReactJS - Introduction
ReactJS - Understanding SPAs and MPAs
ReactJS - Creating our First React App
ReactJS - Project Structure created by CRA

4 Topics
ReactJS - Introduction to JSX
ReactJS - JSX Behind the Scenes
ReactJS - Adding Styles to React Elements
ReactJS - Create React Elements Dynamically

2 Topics
ReactJS - Creating our First React Component
ReactJS - Passing Data to Components using Props

1 Topic
ReactJS - Import and Export of Modules

2 Topics
ReactJS - Introduction to CSS Modules
ReactJS - Creating Mobile Responsive Components

5 Topics
ReactJS - Stateful vs Stateless Components
ReactJS - Creating Class-based Components
ReactJS - More about setState() Method
ReactJS - Passing Props to Class-based Components
ReactJS - Passing Function as Props

4 Topics
ReactJS - Practice Problem: Product Details Page
ReactJS - Practice Problem: Product Details Page [Solution] - Part 1
ReactJS - Practice Problem: Product Details Page [Solution] - Part 2
ReactJS - Practice Problem: Product Details Page [Solution] - Part 3

4 Topics
ReactJS - render() method - Behind the scenes.
ReactJS - Component Lifecycle - Creation
ReactJS - Component Lifecycle - Updation
ReactJS - shouldComponentUpdate() Lifecycle Method

  Write a Review

The Complete ReactJs Course - Basics to Advanced

Go to Paid Course