Front-End Learning Path from Youtube Videos
React-Three/Fiber mini course
Ji Yu ReactKai Fa De Fang Han Han [ONE * Yi Ge ] webapp,Gua He Xin Shou Lian Xi De Shang Shou Xiang Mu ,Huan Ying Star He Fork . Guan Fang Wang Zhan :
There are list of Learning project build using React application
Documented journey through Namaste React by Akshay saini combining theory and practical React insights in deapth - perfect for solidifying core concepts to zero to hero , revision and more.
A simple React Todo List application designed for learning React fundamentals.
A beginner-friendly todo list application built with React, Vite, and TypeScript. It demonstrates core React concepts--state management, Context API, custom hooks, and reusable components--with no backend: all data is stored in the browser's localStorage. Use it to add, edit, delete tasks, switch themes, learn how a React app is structured & run
"A collection of hands-on React exercises built with reusable components, designed to help beginners and learners grasp React concepts step by step. Each exercise demonstrates core features like props, state, hooks, and component structure--making React easy to learn and apply in real projects."
A monorepo with two separate implementations of a Shopify-style image swiper: one with **jQuery + Swiper.js + plain HTML/CSS**, and one with **React + TypeScript + Swiper.js + Tailwind CSS + Vite**. Both are static, client-side only, and aimed at learning and reuse. No backend or environment variables are required to run either project
A React application demonstrating tab functionality: it displays job information fetched from an external API and lets users switch between jobs using interactive buttons. The project focuses on React fundamentals--state management, side effects, component structure, props, list keys, and working with APIs
Cheatsheets for experienced React developers getting started with TypeScript
React Learning Repo contain many hooks method
A hands-on React app that generates color palettes from any hex color. Enter a hex code or use the built-in color picker to get a full set of tints and shades, then copy any hex value to the clipboard with one click. Built with React, Vite, values.js, and react-toastify--ideal for learning component state, third-party libraries, & the Clipboard API
Created For CodeHarborHub Learners
A learning-focused Unsplash image search app built with React, Vite, TypeScript, React Query, and Context API. It demonstrates real-world patterns: fetching from an external API, global state, dark/light theming, skeleton loading, image modal view, and local download--all in a single-page, responsive UI. Use it as a reference for API integration
A learning-focused, responsive Navbar built with React and Vite. It demonstrates client-side routing, React hooks (useState, useRef), dynamic layout (mobile toggle, desktop inline links), and reusable data-driven components. Use it as a reference for building navigation in single-page applications or as teaching material for React fundamentals
Learning React Native
An educational, production-style frontend dashboard that demonstrates how to build a modern contact management UI using reusable React components, typed data models, filterable/paginated data flows, and rich modal interactions. It is designed both for assessment delivery and for learning core React architecture patterns
Add a description, image, and links to the react-learning topic page so that developers can more easily learn about it.
To associate your repository with the react-learning topic, visit your repo's landing page and select "manage topics."