Home
Swift Lessons
Matchups
CodeSnaps
Tutorials
Career
Resources
React
Home / Dashboard
Introduction to React
▾
What is React
History of React
React Ecosystem
Setup and Installation
▾
Installing Node.js
Installing React
Creating a React App
JSX
▾
Introduction to JSX
JSX vs HTML
Embedding Expressions in JSX
Components
▾
Introduction to Components
Class Components
Functional Components
Component Lifecycle
Component State
Component Props
Hooks
▾
Introduction to Hooks
useState Hook
useEffect Hook
Custom Hooks
State Management
▾
Introduction to State Management
Context API
Redux
Redux Toolkit
Routing
▾
Introduction to React Router
Basic Routing
Dynamic Routing
Nested Routes
Styling
▾
Introduction to Styling in React
CSS Modules
Styled Components
Sass in React
Forms
▾
Controlled Components
Uncontrolled Components
Form Validation
Performance Optimization
▾
Introduction to Performance Optimization
Memoization
Code Splitting
Lazy Loading
Testing
▾
Introduction to Testing in React
Unit Testing with Jest
Integration Testing
End-to-End Testing with Cypress
Advanced Concepts
▾
Context API Advanced
Higher-Order Components
Render Props
Error Boundaries
Portals
Reconciliation
React Fiber
Server-Side Rendering (SSR)
Static Site Generation (SSG)
Next.js
Gatsby
React Native
Progressive Web Apps (PWAs)
React and TypeScript
Component Libraries
React Suspense
React Concurrent Mode
Custom Renderers
Deployment
▾
Introduction to Deployment
Deploying to Netlify
Deploying to Vercel
Deploying to AWS
Deploying to Heroku
Dockerizing React Apps
Security
▾
Introduction to Security in React
Cross-Site Scripting (XSS)
Cross-Site Request Forgery (CSRF)
Authentication
Authorization
Environment Variables
HTTPS and SSL
Secure Storage
Best Practices
▾
Overview Introduction to Best Practices
Code Organization
Naming Conventions
Code Reusability
Component Composition
Error Handling
Code Reviews
Documentation
Testing Best Practices
Performance Best Practices
Accessibility Best Practices
v1.0 • Tutorials
React Tutorials
Explore a wide range of topics and hands-on lessons to help you master
React
.
Introduction to React
What Is React
History Of React
React Ecosystem
Setup and Installation
Installing Nodejs
Installing React
Creating A React App
JSX
Introduction To Jsx
Jsx Vs Html
Embedding Expressions In Jsx
Components
Introduction To Components
Class Components
Functional Components
Component Lifecycle
Component State
Component Props
Hooks
Introduction To Hooks
Usestate Hook
Useeffect Hook
Custom Hooks
State Management
Introduction To State Management
Context Api
Redux
Redux Toolkit
Routing
Introduction To React Router
Basic Routing
Dynamic Routing
Nested Routes
Styling
Introduction To Styling In React
Css Modules
Styled Components
Sass In React
Forms
Controlled Components
Uncontrolled Components
Form Validation
Performance Optimization
Introduction To Performance Optimization
Memoization
Code Splitting
Lazy Loading
Testing
Introduction To Testing In React
Unit Testing With Jest
Integration Testing
End To End Testing With Cypress
Advanced Concepts
Context Api Advanced
Higher Order Components
Render Props
Error Boundaries
Portals
Reconciliation
React Fiber
Server Side Rendering
Static Site Generation
Nextjs
Gatsby
React Native
Progressive Web Apps
React And Typescript
Component Libraries
React Suspense
React Concurrent Mode
Custom Renderers
Deployment
Introduction To Deployment
Deploying To Netlify
Deploying To Vercel
Deploying To Aws
Deploying To Heroku
Dockerizing React Apps
Security
Introduction To Security In React
Cross Site Scripting
Cross Site Request Forgery
Authentication
Authorization
Environment Variables
Https And Ssl
Secure Storage
Best Practices
Introduction To Best Practices
Code Organization
Naming Conventions
Code Reusability
Component Composition
Error Handling
Code Reviews
Documentation
Testing Best Practices
Performance Best Practices
Accessibility Best Practices