What you'll Learn

• Module1:- Introduction to web development and react, Building Blocks of Web Application Development, Single-page and Multi-page Applications
• Module2:- Different Client-side Technologies, MVC Architecture, Introduction to React, Installation of React, JSX and its use case
• Module3:- DOM, Virtual DOM and its working
• Module4:- ECMA Script, Difference between ES5 and ES6, NPM Modules
• Module5:- Components and styling the application layout, React Elements, Render Function
• Module6:- Components, Class Component, Component Constructor, Functional Components, Multiple Components
• Module7:- Props, Props with Class based Component, Props with Function based Component, States, Component Lifecycle
• Module8:- React Events, React Forms, Different Form Concepts
• Module9:- Styling in React, Inline Styling, CSS Style sheet, Building Music Shop Application using React Components
• Module10:- Handling navigation with routes, Routing, react-router, Features of react-router, Configuration of routing using react-router
• Module11:- Navigation using Links, 404 page (Not found Page), URL Parameters ,Nested Routes, Implementing styles using Nav Link, Application Programming Interface
• Module12:- Build a REST API using json -server, API consumption in React application using Fetch method, Build a dynamic Music Store application using Routing and API connectivity
• Module13:- React state management using redux, Need of Redux, What is Redux?, Redux Architecture, Redux Action, Redux Reducers ,Redux Store
• Module14:- Principles of Redux, Pros of Redux, NPM Packages required to work with Redux, More about react-redux package
• Module15:- Asynchronous programming with saga middleware, Need of Async operations, Async Workflow
• Module16:- Action Creators, How to write Action Creators?, Handling Async Actions via Reducers, Middleware
• Module17:- Redux-Saga ,Generators in Redux-Saga, Saga Methods(), Major Sections of Redux-Saga
• Module18:- Building a Product List application using Redux-Saga Middleware ,Debugging application using Redux Devtools
• Module19:- React hooks, Caveat of JavaScript classes. Functional components and React hooks, What are React hooks?, Basic hooks ,useState() hook
• Module20:- How to write useState() hook when state variable is an array of objects, useEffect() hook, Fetch API data using useEffect() hook, useContext() hook
• Module21:- Rules to write React hooks, Additional hooks, Custom hooks
• Module22:- React application testing and deployment, Define Jest, Setup Testing environment
• Module23:- Add Snapshot testing, Integrate Test Reducers, Create Test Components
• Module24:- Push Application on Git, Deploy App on Nginx, Create Docker for React Application
• Module25:- Introduction to react native Applications ,React Native Elements, Expo CLI
• Module26:- Build a shopping cart mobile application using React Native, React Native installation and setup, Working with Styles and Layout
• Module27:- Real Time Latest Project