https://github.com/moiz-xyz/from-zero-to-react
⚛️ From zero to React! This repo tracks my hands-on journey into building dynamic UIs with React — from basics to real-world components and projects.
https://github.com/moiz-xyz/from-zero-to-react
counter javascript jsx props reactjs state-management
Last synced: about 2 months ago
JSON representation
⚛️ From zero to React! This repo tracks my hands-on journey into building dynamic UIs with React — from basics to real-world components and projects.
- Host: GitHub
- URL: https://github.com/moiz-xyz/from-zero-to-react
- Owner: moiz-xyz
- Created: 2025-05-27T07:45:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-19T13:07:13.000Z (about 1 year ago)
- Last Synced: 2025-07-28T12:46:57.451Z (11 months ago)
- Topics: counter, javascript, jsx, props, reactjs, state-management
- Language: JavaScript
- Homepage:
- Size: 985 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.Md
Awesome Lists containing this project
README
# 🚀 React Learning Roadmap (2025 Edition)
Welcome to my React Learning Journey! 🌱
This repository is for anyone who wants to learn **React step-by-step**, especially beginners who feel confused at the start.
I created this roadmap to organize my learning and help others follow along without getting stuck.
---
## 📚 Topics Covered
Each topic is explained in its own folder with simple code examples and notes.
- **1. Installation** – Setting up React with Vite or Create React App
- **. Code Structure** – Organizing your folders and files
- **. Components** – Functional components, reusability, and structure
- **2. Props** – Passing data between components
- **. State** – Managing dynamic and reactive data
- **. JSX** – Writing HTML inside JavaScript
- **3. List Rendering** – Using `.map()` to display data
- **. Conditional Rendering** – Show/hide UI using conditions
- **4. Hooks** – useState, useEffect, useRef, useContext, and more
- **5. Routing** – React Router setup and multiple pages
- **6. Installing Libraries** – TailwindCSS, Framer Motion, Toastify, etc.
- **7. Context API** – Sharing data globally without prop drilling
- **. Redux** – State management with Redux Toolkit
- **. Axios** – API calls and handling server data
---
## 🎯 Goal
Make React easy and beginner-friendly.
No advanced words, no confusion — just one clear folder for each topic with working code.
---
## 🙌 Connect with Me
### Made with ❤️ by [Moiz](https://github.com/moiz-xyz)
### If you’re learning React, feel free to fork this repo or ask questions. Let’s grow together!