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
Deploying_to_Netlify.html
