ingridmartsanchez1996 / react-starter-guide

React starter test

Updates

1. The last CRA guide is on the cra.md file.
2. 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.
3. Just a test. There are better guides with better docs out there so don't stick to just this.

Intro

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

• Part 2: Components and Props

  • Function Components
  • Class Components
  • Props
  • Component Composition

• Part 3: State

  • 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

• Part 6: Final Adjustments

  • Optimization
  • Deployment

Feel free to navigate through each part. GLHF.