About this course
Module 1
- ✓ Introduction to react JS
- ✓ React versions
- ✓ Features
- ✓ Benefits & application
- ✓ Pre-requisites
- ✓ JS revision
- ✓ Installation process
Module 2
- ✓ How to create react JS component
- ✓ Components file structure
- ✓ React JS architecture
- ✓ Workflow of react application
- ✓ Creating React application using CDN
- ✓ React app using react app tool
- ✓ Files and folders
- ✓ Source code of the application
Module 3
- ✓ Run the application
- ✓ Rollup bundler
- ✓ Parcel bundler
- ✓ Expressions
- ✓ Functions
- ✓ Attributes
- ✓ Expression in attributes
Module 4
- ✓ Creating React class component
- ✓ Creating react function component
- ✓ CSS stylesheet
- ✓ inline styling
- ✓ CSS modules
- ✓ tailwind integration
- ✓ bootstrap integration
Module 5
- ✓ Props
- ✓ Nested components
- ✓ Use components
- ✓ Component collection
- ✓ Event management
Module 6
- ✓ State management
- ✓ State management API
- ✓ Stateless component
- ✓ Create s stateful component
- ✓ Introduce state in expense manager app
- ✓ Hooks
- ✓ Some important Hooks concept
- ✓ useCallback, useMemo, Custom hooks,etc.
- ✓ State management using hooks
Module 7
- ✓ Create a stateful component
- ✓ State in expense manager app
- ✓ Component life cycle
- ✓ Life cycle API in expense manager
- ✓ Component life cycle using react hooks
- ✓ React children property
- ✓ Layout in component
- ✓ Sharing logic in component aka render props
- ✓ Pagination
- ✓ Material UI
Module 8
- ✓ Http client programming
- ✓ Expense rest API server
- ✓ The fetch() API
- ✓ React form
- ✓ React Routing
- ✓ Installation of react router
- ✓ Router layout routes
- ✓ Nested routing
- ✓ Creating links & navigation
- ✓ Data fetching using loader
- ✓ Submitting data using action
Module 9
- ✓ React redux
- ✓ React-context vs redux
- ✓ How redux works
- ✓ React with redux
- ✓ Redux API
- ✓ Provider component
- ✓ React animation
- ✓ React transition group
- ✓ Redux toolkit
Module 10
- ✓ Transition
- ✓ CSS transition
- ✓ React testing
- ✓ React CLI commands
- ✓ React Building & Deployment
FAQ
1) Why we have to learn React JS ?
The main objective of React JS is to develop User Interfaces (UI) that improves the speed of the apps. It uses virtual DOM (JavaScript object), which improves the performance of the app.
2) Importance of React JS in Web Development?
React is SEO-friendly, has a fantastic community, a tone of features and tools, and an amazing ecosystem.it is a top - notch web development libraries in 2024 as comparison to other JavaScript libraries/framework, including more well-known ones, it is easy to learn and has many benefits.
3) What are the factors affecting React JS Developer salary?
There are several factors affecting React JS developer salary including Location, experience, company size, industry, project complexities.
4) What is the Latest version of React JS?
React 18 is the latest version of React JS.
5) What are React Hooks?
React Hooks allow developers to use state and other React features in functional components rather than only with class components. Some of the benefits of using hooks include improved readability of code, reusability, and easier testing.
6) What is JSX?
JSX is a syntax extension of JavaScript. It is used with React to describe what the user interface should look like. By using JSX, we can write HTML structures in the same file that contains JavaScript code.
7) Which IDE is best for writing React JS code?
Generally every text editor is good for React programming, it depends on you which editor you feel comfortable writing your code in. You can use any IDE like VS Code, Notepad++, blocks, eclipse etc.
Comments (0)
Module 1: Introduction to React JS
1 Parts
- 1:30 Hr
Session 1: Overview of React JS
- ✓ Introduction to react JS
- ✓ React versions & Features
- ✓ Benefits & application
- ✓ Pre-requisites & JS revision
- ✓ Installation process
1:30 Hours
Module 2: Basics of React JS
4 Parts
- 6:00 Hr
Session 2: File structure & Architecture
- ✓ How to create react JS component
- ✓ Components file structure
- ✓ React JS architecture
- ✓ Workflow of react application
- ✓ Creating React application using CDN
- ✓ React app using react app tool
1:30 Hours
Session 3: Files & Bundler in React JS
- ✓ Files and folders
- ✓ Source code of the application
- ✓ Run the application
- ✓ Rollup bundler
- ✓ Parcel bundler
1:30 Hours
Session 4: Attributes in React
- ✓ Expressions
- ✓ Functions & Attributes
- ✓ Expression in attributes
1:30 Hours
Session 5: React Component by Class or Function
- ✓ Creating React class component
- ✓ Creating react function component
- ✓ CSS stylesheet
- ✓ inline styling
- ✓ CSS modules
1:30 Hours
Module 3: CSS Framework Integration
3 Parts
- 4:30 Hr
Session 6: Tailwind & Bootstrap Integration
- ✓ tailwind integration
- ✓ bootstrap integration
1:30 Hours
Session 7: Props Concept in React
- ✓ Props
1:30 Hours
Session 8: Nested Components in React
- ✓ Nested components
- ✓ Use components
1:30 Hours
Module 4: Event Management & Collections
3 Parts
- 4:30 Hr
Session 9: State & Event Management
- ✓ Event management
- ✓ State management
1:30 Hours
Session 10: State management with API
- ✓ State management API
- ✓ Component collection
1:30 Hours
Session 11: Stateless components
- ✓ Stateless component
- ✓ Create stateful component
1:30 Hours
Module 5: Hooks Concept
1 Parts
- 1:30 Hr
Session 12: Usage of Hooks in React
- ✓ Hooks
- ✓ Some important Hooks concept
- ✓ useCallback, useMemo, Custom hooks,etc.
- ✓ State management using hooks
1:30 Hours
Module 6: Children Property & Layout Component
1 Parts
- 1:30 Hr
Session 13: Child property in React
- ✓ React children property
- ✓ Layout in component
- ✓ Sharing logic in component aka render props
- ✓ Pagination
1:30 Hours
Module 7: Form, Routing & Client – Server Programming in React
4 Parts
- 6:00 Hr
Session 14: React form
- ✓ React form
1:30 Hours
Session 15: React Routing
- ✓ React Routing
- ✓ Installation of react router
- ✓ Nested routing
1:30 Hours
Session 16: Router layout routes concept
- ✓ Router layout routes
- ✓ Creating links & navigation
- ✓ Data fetching using loader
- ✓ Submitting data using action
1:30 Hours
Session 17: Client-server programming
- ✓ Http client programming
- ✓ Expense rest API server
- ✓ The fetch() API
1:30 Hours
Module 8: React Redux Concept
3 Parts
- 4:30 Hr
Session 18: How redux works
- ✓ React redux
- ✓ React-context vs redux
- ✓ How redux works
- ✓ React with redux
1:30 Hours
Session 19: Redux API
- ✓ Redux API
- ✓ Provider component
1:30 Hours
Session 20: React animation
- ✓ React animation
1:30 Hours
Module 9: React Toolkit, Testing & Deployment process
3 Parts
- 4:30 Hr
Session 21: React Transition & Toolkit concept
- ✓ Transition
- ✓ React transition group
- ✓ CSS transition
- ✓ Redux toolkit
1:30 Hours
Session 22: React testing
- ✓ React testing
- ✓ React CLI commands
1:30 Hours
Session 23: Building & Deployment in React
- ✓ React Building & Deployment
1:30 Hours
5.00
10 Reviews
Reviews (10)
Diksha
2 Jan 2024 | 13:48
The React app development course at Qualifyed was really good! The teachers knew a lot and explained difficult ideas in a simple way. The course layout was well-done, with lots of chances to practice. I liked that I could learn at my own speed. In general, it was a great learning experience
Akash Gupta
14 Jan 2024 | 11:44
The React course that I took was better than I expected! It was worth the money, with a lot of information and engaging ways to learn.
Isha
19 Jan 2024 | 23:56
The hands on projects in Qualifyed course were difficult but very satisfying.
Neha Aggarwal
24 Jan 2024 | 21:05
The feedback I received from instructors at Qualifyed was invaluable. It helped me grow as a developer
Tarun
28 Jan 2024 | 19:53
Qualifyed React course was a valuable investment in my education. The instructors were engaging and knowledgeable, making complex concepts easy to understand. The course provided a supportive learning environment, fostering collaboration and growth
Rahul Ahuja
7 Feb 2024 | 11:22
The doubt solving platform that was available 24 hours a day, 7 days a week for this course made a huge difference for me. Whenever I had a question or didn't understand something, there was always someone there to help me understand and give me guidance.
Qiara Sagufiya
14 Feb 2024 | 18:25
The course content was very thorough. It went through all the important aspects of React development extensively, not missing out on anything. I felt like I had a strong grasp of React by the end of the course.
Pranav Tanwar
25 Feb 2024 | 01:10
For beginners, this is a great course to start with. The explanations are clear and easy to follow, and the exercises are practical and relevant. Even if you're completely new to React, you'll find yourself making progress quickly
Rohan Sharma
28 Feb 2024 | 22:41
The skills gained from this course are very valuable for advancing your career in React development, making it a great investment.
Virat Mehta
8 Jul 2023 | 20:46
I'm truly grateful for the knowledge and skills I gained from this course. It's not just about learning React; it's about gaining the confidence to pursue a career in web development, and this course provided that for me
