RepositoryJavaScriptFIPhần Lan
AS

Asabeneh/30-Days-Of-React

30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

27.5ksao
7.7kfork
48issue
7lượt xem

Thành tựu nổi bật

Những danh hiệu mới nhất của dự án

1
TINIX TRENDING·Chủ đề: challenge

#1 Repository Của Tuần

1
TINIX TRENDING·Chủ đề: react-router-dom

#1 Repository Của Tuần

2
TINIX TRENDING·Chủ đề: html5

#2 Repository Của Tuần

🚀 30 Days of React — Thử thách React từ con số 0 đến dự án thực tế

Học React bằng cách làm — 30 ngày, 30 thử thách, từ JavaScript cơ bản đến Hooks và Context.

Dự án 30 Days of React là hướng dẫn từng bước để bạn chinh phục React trong 30 ngày, do tác giả Asabeneh Yetayeh (kiến trùc sư phần mềm, giảng viên) tạo ra. Phù hợp cho người mới bắt đầu chưa có nền tảng JavaScript, cũng như người đã có kinh nghiệm muốn ôn lại kiến thức một cách có hệ thống.

✨ Điểm nổi bật

  • JavaScript Refresher: ôn lại ES6+ trước khi bước vào React.
  • Getting Started: cài đặt môi trường và tạo dự án đầu tiên.
  • Components & Props: hiểu kiến trúc thành phần và truyền dữ liệu.
  • States & Events: quản lý trạng thái và tương tác người dùng.
  • Conditional Rendering: điều khiển giao diện động.
  • React Router: xây dựng SPA với định tuyến phía client.
  • Hooks: tận dụng useState, useEffect, và custom hooks.
  • Context API: quản lý trạng thái toàn cục mà không cần Redux.
  • Forms Handling: xử lý form controlled và uncontrolled.
  • Fetching Data: gọi API bằng fetch hoặc Axios.
  • Third-party Packages: tích hợp thư viện bên thứ ba một cách an toàn.
  • Project-based Learning: mỗi tuần kết thúc bằng dự án thực hành.

💡 Vì sao đáng chú ý

Không chỉ là tài liệu lý thuyết, 30 Days of React kết hợp lý thuyết với thực hành qua từng ngày — từng bài đều có bài tập, ví dụ rõ ràng và hướng dẫn chi tiết. Bạn sẽ dần xây dựng được một ứng dụng hoàn chỉnh, đồng thời nắm vững cách suy nghĩ Component-based.

Thích hợp cho frontend developer mới chuyển ngành, sinh viên CNTT, hoặc bất kỳ ai muốn nắm vững React một cách có hệ thống — không cần bỏ ngoài lề, không cần tự mò.


#ReactJS #JavaScript #Frontend #WebDevelopment #OpenSource #TiniX

Dự án tương tự

Khám phá các dự án và mô hình AI khác có sự tương đồng.

RepositoryMDX
twbs/bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

175.0k
Oct 26, 2026
RepositoryJavaScript
Asabeneh/30-Days-Of-JavaScript

30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

46.9k
Aug 27, 2026
RepositoryC++
electron/electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

123.5k
Oct 23, 2026
RepositoryJavaScript
microsoft/Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

97.0k
Oct 20, 2026
RepositoryJavaScript
react/react

The library for web and native user interfaces.

251.8k
Oct 25, 2026
Repository
florinpop17/app-ideas

A Collection of application ideas which can be used to improve your coding skills.

98.3k
Oct 11, 2025
RepositoryMDX
thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

74.6k
Oct 6, 2026
RepositoryTypeScript
freeCodeCamp/freeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

457.9k
Oct 25, 2026
RepositoryJavaScript
h5bp/html5-boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

57.7k
Oct 12, 2026