- The last CRA guide is on the
cra.md
file. - This starter guide will move on to using vite as it's the recommended tech to setup a basic React application with all necesarry files and modules.
- Just a test. There are better guides with better docs out there so don't stick to just this.
This guide will walk you through setting up a React project using Vite.js as a faster and more efficient alternative to Create-React-App (CRA). Each part of this guide is structured in a way to introduce you to essential concepts and tools necessary for building a React application.
-
Part 1: Project Setup, Structure and Basic React Info
- Project Initialization with Vite.js
- Directory Structure
- Introduction to React
- JSX and Rendering
-
- Function Components
- Class Components
- Props
- Component Composition
-
- State and Lifecycle
- useState Hook
- useEffect Hook
-
Part 4: Material UI Implementation
- Installing Material UI
- Using Material UI Components
-
Part 5: React Router DOM Implementation
- Installing React Router DOM
- Basic Routing
-
- Optimization
- Deployment
Feel free to navigate through each part. GLHF.