Front-End Learning Path from Youtube Videos
React-Three/Fiber mini course
A modern, single-page landing site for an AI chat product. It is built as a front-end showcase with React, Vite, TypeScript, and Tailwind CSS. The project is aimed at learning and reuse: you get a full landing layout (hero, features, pricing, roadmap, footer), scroll-based animations with Framer Motion, a responsive header with mobile menu
基于React开发的仿韩寒「ONE · 一个」webapp，适合新手练习的上手项目，欢迎 Star 和 Fork 。 官方网站：
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 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 simple React Todo List application designed for learning React fundamentals.
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
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 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.”
React Learning Repo contain many hooks method
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 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
Created For CodeHarborHub Learners
Cheatsheets for experienced React developers getting started with TypeScript
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
Learning React Native
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."