Front-End Learning Path from Youtube Videos
-
Updated
Mar 5, 2024
Front-End Learning Path from Youtube Videos
React-Three/Fiber mini course
基于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 simple React Todo List application designed for learning React fundamentals.
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
React Learning Repo contain many hooks method
“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.”
Created For CodeHarborHub Learners
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 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
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
Cheatsheets for experienced React developers getting started with TypeScript
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
A modern, interactive React application that generates a customizable number of random paragraphs ("Lorem Ipsum") for use in design, development, and content prototyping. This project demonstrates fundamental React concepts, state management, and functional component design with practical, real-world utility
Learning React Native
A personal learning hub for exploring React.js fundamentals, hooks, routing, state management, and hands-on mini-projects.
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."