Course Name: React JS
Duration: 36 Hours (3 months)
Level: Beginner to Advance
Delivery Format: Online or in-person classes
Course Objective: This comprehensive course aims to provide participants with a strong foundation in React JS programming. Covering fundamental concepts from basic syntax to advanced topics, the course is designed to equip learners with the skills needed to develop efficient and reliable React JS applications.
Course Details
- Introduction to React JS
- Node | NPM
- Installation of CLI
- Setup Project
- Directory Structure
- Code Editors
- How React JS Application Boots
- Environmental Setup
- React Concepts
- JSX and TSX
- Render Elements
- Function and Class Components
- Props and State
- Handling Events
- Dynamic Data Rendering
- Property Binding
- Basic Features of React JS
- Conditional Rendering
- List and Keys
- Forms Handling
- Forms Validations
- Key Features of React JS
- Understanding Component Lifecycle
- All Lifecycle Hooks
- Component Lifecycle Hook
- Understanding React Event System
- Passing Arguments to Event Handlers
- Event Handling in React
- Fetch
- Axios
- Introduction to Services
- Building a Service
- Custom Services
- Local Storage
- Session Storage
- Cookies
- Local Data Storage
- Setting up React Router
- Configuring Route with Route Component
- Making Routes Dynamic with Route Params
- Routing with React Router
- Working with Nested Routes
- Link and NavLink
- Redirect Routes
- UI Components
- Material Design
- Introduction to Redux
- Why Redux
- Install and Setup
- Store, Reducer, Actions
- Dispatcher
- High Order Components
mapStateToPropsandmapDispatchToPropsUsage- Advance Redux
- Async Actions
- Middleware Redux Thunk and Redux Saga
- React Hooks
- Why We Need Hooks
- Different Types Of Hooks
- Using State And Effect Hooks
useReducer,useRef, etc.- Custom Hooks
- Rules Of Hooks
- Third-Party Modules
- Social Login
- Pagination
- Search
- Filter
- JWT Token
- File Upload
- Testing and Deployment
- Jest with Enzyme
- Rest Js Testing
- Develop a CRUD Application in React Js
- React JS Application Deployment
- Build Application and Deployment
Problem-Solving Exercises:
Throughout the course, participants will engage in over 100 programming challenges, covering a wide range of topics to reinforce their problem-solving abilities and apply theoretical knowledge in practical scenarios.
By the end of this course, participants will not only have a solid understanding of C++ programming but will also have honed their problem-solving abilities through the completion of a variety of programming challenges and a substantial capstone project.