Welcome to Our Course

1. Introduction

2. How Does Website Work

3. How Does SPA Work

4. How Does ReactJS Work

5. Which Type of Problem React is Solving

6. Core Features of React

7. Advanced Features of React

8. Tools We Need to Work with React

9. How to Use This Course

References & Download Links

1. Introduction

2. Tools We Need to Compile React

3. What is BabelJS

4. What is Webpack

5. Hands on Environment Setup

6. Understanding Files We Need

7. Environment Setup Reference

8. First React APP

9. Section References

10. What We have Learned So Far?

1. Introduction

2. Create React App Overview

3. Create First Project

4. Understand React Scripts

5. File Structures of React Application

6. Create First React Component

7. Section References

1. Introduction

2. What is Component?

3. Understand Component in Details

4. Type of Components in React

5. How to Create Functional Component

6. Which Component We Should Pick When?

7. What is JSX?

8. How to Use JSX?

9. JSX Quick References

10. Create Profile Component

11. Split Profile Component into Child Components

12. How to Reuse Our Components?

13. What is Props?

14. Modify Profile Components using Props

15. Pass Function as Props

16. Render Props Children

17. Props Quick References

18. Understanding Component Tree

19. Section References

20. Practice Problems (Component, JSX and Props)

21. What We have Learned So Far?

1. Intro

2. Why Do We Need State

3. Introducing State

4. How Does State Work

5. How To Update State

6. State Example With Timer App

7. Section Reference

8. Practice Problem

What We have Learned So Far?

1. Introduction

2. How To Style React Apps

3. Inline Styles

4. Css Classes

5. Css Module

6. Styled Component

7. Which Method We Should Use?

8. What We have Learned So Far?

1. Introduction

2. What Is Event

3. First React Event

4. Text Field And Change Event

5. Two Way Data Bindings

6. Blur And Focus Events

7. Event Reference

8. Common Events in React

9. Practice Problems

10. What We have Learned So Far?

1. Introduction

2. Basic Input Elements

3. Checkbox And Radio Button

4. Checkbox And Skills Array

5. Input Element References

6. Introducing Forms In React - Uncontrolled Form

7. First React Form

8. Understand The Form Philosophy

9. Split Form Into Multiple Components

10. Form References

11. Create A Signup Form

12. How To Validate This Form

13. Implement Form Validationcmproj

14. State Lifting

1. Introduction

2. Project Architecture

3. Setup Project

4. Poll CRUD functionalities

5. Game Component Functionalities

6. Game Winning Logic

7. Implement Jump Functionality

1. Introduction

2. Project Architecture

3. Setup Project

4. List View

5. Table View

6. Create Todo Form

7. Controller Component with Search Panel

8. Add, Select and Complete Todo

9. Change View and Other Controller JSX

10. Search and Filter.cmproj

11. Bulk Controller

1. Introduction

2. Project Architecture

3. Setup Project

4. Poll Crud Functionalities

5. Implement Sidebar Component

6. Create Poll Form

7. Poll Participation Form

8. Main Content And Get Opinion.Cmproj

9. Reuse Create Poll Form

10. Search Polls

Google Drive Link