1
React Overview
Introduction to React framework. Learn about React, Virtual DOM, JSX, React features, and advantages of JSX.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand React framework
• Learn about Virtual DOM
• Master JSX syntax
• Understand React features
• Learn advantages of JSX
2
Environment Setup
Set up React development environment. Install ReactJS, configure IDE, and build your first React application.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Set up development environment
• Install ReactJS
• Configure IDE for React development
• Build React applications
3
React Essentials
Learn React essential features, syntaxes, best practices, and coding standards for building React applications.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand React essential features
• Master React syntaxes
• Follow best practices
• Adhere to coding standards
4
Components
Master React components. Learn to build components, work with state and props, pass data between components, conditional rendering, event handling, and lists.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand React components
• Build components
• Work with state and props
• Pass props from parent to child
• Pass data from child to parent
• Implement conditional rendering
• Handle React events
• Work with lists and keys
5
React Hooks
Learn React Hooks. Master useState, useEffect, create custom hooks, and understand rules of hooks.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand React Hooks
• Use useState hook
• Use useEffect hook
• Create custom hooks
• Follow rules of hooks
6
Routing & Forms
Master React routing and forms. Learn component lifecycle, Route and Switch components, useParams hook, dynamic routes, form validation, and build SPAs.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand React Component Lifecycle
• Use Route and Switch components
• Work with useParams hook
• Create dynamic routes
• Build React forms
• Implement form validation
• Design Single Page Applications
7
Styling in React
Learn different styling approaches in React including styled components, inline styling, CSS stylesheets, and CSS modules.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand styling in React
• Use styled components
• Apply inline styling
• Use CSS stylesheets
• Work with CSS modules
8
Redux
Master Redux for state management. Learn Redux introduction, state management, Redux lifecycle, React with Redux, and error handling.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand Redux
• Master state management with Redux
• Understand Redux lifecycle
• Integrate React with Redux
• Handle React errors
9
Developer Tools
Learn React developer tools. Use React Profiler API, implement lazy loading, and optimize React applications.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Use React developer tools
• Work with React Profiler API
• Implement React Lazy Loading
• Optimize React applications
10
Integration
Learn to integrate React with backend services. Understand HTTP protocol and integrate React with Spring Boot.
Locked
Please enroll in this course to access the modules.
Learning objectives:
• Understand integration concepts
• Work with HTTP protocol
• Integrate React with Spring Boot
• Connect frontend with backend