{"id":28351985,"url":"https://github.com/moiz-xyz/from-zero-to-react","last_synced_at":"2026-05-15T12:31:17.201Z","repository":{"id":295759537,"uuid":"991151183","full_name":"moiz-xyz/From-zero-to-react","owner":"moiz-xyz","description":"⚛️ 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.","archived":false,"fork":false,"pushed_at":"2025-06-19T13:07:13.000Z","size":1009,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-28T12:46:57.451Z","etag":null,"topics":["counter","javascript","jsx","props","reactjs","state-management"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/moiz-xyz.png","metadata":{"files":{"readme":"readme.Md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-27T07:45:35.000Z","updated_at":"2025-06-25T16:48:53.000Z","dependencies_parsed_at":"2025-05-27T08:47:04.736Z","dependency_job_id":"5ca09ccc-8d73-4957-b610-1154acded328","html_url":"https://github.com/moiz-xyz/From-zero-to-react","commit_stats":null,"previous_names":["moiz-xyz/from-zero-to-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/moiz-xyz/From-zero-to-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moiz-xyz%2FFrom-zero-to-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moiz-xyz%2FFrom-zero-to-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moiz-xyz%2FFrom-zero-to-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moiz-xyz%2FFrom-zero-to-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moiz-xyz","download_url":"https://codeload.github.com/moiz-xyz/From-zero-to-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moiz-xyz%2FFrom-zero-to-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33067090,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T11:35:32.926Z","status":"ssl_error","status_checked_at":"2026-05-15T11:35:31.362Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["counter","javascript","jsx","props","reactjs","state-management"],"created_at":"2025-05-27T22:38:24.738Z","updated_at":"2026-05-15T12:31:17.183Z","avatar_url":"https://github.com/moiz-xyz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 React Learning Roadmap (2025 Edition)\n\nWelcome to my React Learning Journey! 🌱  \nThis repository is for anyone who wants to learn **React step-by-step**, especially beginners who feel confused at the start.  \nI created this roadmap to organize my learning and help others follow along without getting stuck.\n\n---\n\n## 📚 Topics Covered\n\nEach topic is explained in its own folder with simple code examples and notes.\n\n- **1. Installation** – Setting up React with Vite or Create React App  \n- **. Code Structure** – Organizing your folders and files  \n- **. Components** – Functional components, reusability, and structure  \n\n- **2. Props** – Passing data between components  \n- **. State** – Managing dynamic and reactive data  \n- **. JSX** – Writing HTML inside JavaScript  \n\n- **3. List Rendering** – Using `.map()` to display data  \n- **. Conditional Rendering** – Show/hide UI using conditions  \n\n- **4. Hooks** – useState, useEffect, useRef, useContext, and more  \n\n- **5. Routing** – React Router setup and multiple pages  \n\n- **6. Installing Libraries** – TailwindCSS, Framer Motion, Toastify, etc.\n\n- **7. Context API** – Sharing data globally without prop drilling  \n- **. Redux** – State management with Redux Toolkit  \n- **. Axios** – API calls and handling server data\n\n---\n\n## 🎯 Goal\n\nMake React easy and beginner-friendly.  \nNo advanced words, no confusion — just one clear folder for each topic with working code.\n\n---\n\n## 🙌 Connect with Me\n\n### Made with ❤️ by [Moiz](https://github.com/moiz-xyz)  \n### If you’re learning React, feel free to fork this repo or ask questions. Let’s grow together!\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoiz-xyz%2Ffrom-zero-to-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoiz-xyz%2Ffrom-zero-to-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoiz-xyz%2Ffrom-zero-to-react/lists"}