React

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It’s ‘V’ in MVC. ReactJS is an open-source, component-based front end library responsible only for the view layer of the application. It is maintained by Facebook. React uses a declarative paradigm that makes it easier to reason about your application and aims to be both efficient and flexible.It uses the idea of Virtual DOM in processing the application and does perform faster.A react application is made of multiple components, each responsible for rendering a small, reusable piece of HTML. Components can be nested within other components to allow complex applications to be built out of simple building blocks.

Curriculum

  1. React Introduction
  2. What is Single Page Application and Multi-Page Application?
  3. what are Real world SPA's present?
  4. what are React Alternatives present in the market?
  5. How to Create React App and Launching React App ?
  6. How to import React App in Visual Studio Code ?
  7. Explore Project Structure.
  8. What are React Components and it's Types present ?
  9. What are Class Components and Functional Components ?
  10. Difference between Class Component vs Functional Component
  11. What is JSX and what are JSX restrictions ?
  12. How to understand JSX with Babel ?
  13. What is Component State and how to use it?
  14. How to handle Event handling ?
  15. Explaining about Virtual DOM concept
  16. How to Add React Chrome Plugin for debug?
  17. How to add Props to Component and how to apply proptype constraints ?
  18. How to use Previous State in setState ?
  19. How to render conditionally in React
  20. What are Lists ?
  21. How to use Lists with State and Keys ?
  22. Difference between Stateless vs Stateful Components
  23. Overview of Class Component Lifecycle Hooks
  24. How React Updates the DOM ?
  25. How to Use Common ChangeEvent for multi-form elements?
  26. Implementing Routing from one component to another component
  27. How to add Route Parameters?
  28. How to Add Bootstrap dependency to feel good and rich UI?
  29. Introduction to Redux
  30. Understanding State Management and it's complexity
  31. Understand Redux flow
  32. Setting up Reducer and Store
  33. Dispatch Actions
  34. Adding Subscriptions
  35. Connecting React to Redux and Store to React
  36. Dispatching Actions from within the Component
  37. Passing and Retrieving Data with Action
  38. Introduction to Redux Saga
  39. Redux Saga installation
  40. Creating First Saga and Hooking the Saga Up
  41. Moving Logic from the Action Creator to a Saga
  42. Saga Usages
  43. Real world projects with React