Fundamentos React is a hands-on reference app built with React 18, Vite, and Tailwind CSS. Each section of the app isolates a single React concept and pairs it with a live, interactive demo so you can observe the behavior directly in the browser — no extra setup required. The project covers the concepts that every React developer needs before moving on to production-scale applications:Documentation Index
Fetch the complete documentation index at: https://mintlify.com/Byrontosh/FundamentosReact/llms.txt
Use this file to discover all available pages before exploring further.
Get Started
Clone the repo, install dependencies, and run the dev server in minutes.
JSX & Fragments
Learn how JSX works, how to use fragments, and how to respond to events.
Hooks
Master useState and useEffect — the two hooks you’ll use in every component.
Props
Pass data from parent to child components using props.
Custom Hooks
Encapsulate reusable logic in a custom hook and share it across components.
Zustand
Manage global state without prop drilling using a lightweight Zustand store.
Rendering
Conditionally show UI and render lists from arrays.
localStorage
Persist data across page reloads using the browser’s localStorage API.
What’s inside
The app is structured as a single-page application with a persistent sidebar navigation. Each route renders a self-contained page component that explains the concept with bullet points and demonstrates it with an interactive widget.| Concept | Route | Component |
|---|---|---|
| JSX, variables, events | /fundamentos | Primero |
useState | /usestate | Segundo |
useEffect | /useffect | Tercero |
Custom Hook (useFetch) | /customhook | Cuarto |
| Props | /props | Quinto |
| Zustand global store | /zustand | Septimo |
| Conditional & list rendering | /rederizado | Noveno |
localStorage | /localStorage | Decimo |
Tech stack
- React 18 — UI library with concurrent rendering support
- Vite 5 — fast development server and optimized production builds
- React Router v7 — client-side routing with
BrowserRouter,Routes, andRoute - Zustand v5 — minimal global state management
- Tailwind CSS v4 — utility-first CSS via the Vite plugin