Learn React

Học React bằng cách tự viết mã. Khóa học React JS này sẽ hướng dẫn bạn từ dòng mã JSX đầu tiên đến hooks, quản lý trạng thái và các ứng dụng hoàn chỉnh, và mọi thành phần bạn viết đều được hiển thị trực tiếp trên điện thoại của bạn.

88 khóa học và 324 bài học tương tác, từ trình độ A1 đến C1. Đọc một khái niệm ngắn gọn, nhập mã thực tế, nhấn Chạy và xem kết quả. Không cần máy tính xách tay và không cần thiết lập gì cả.

VIẾT MÃ TRÊN ĐIỆN THOẠI CỦA BẠN

• Trình soạn thảo mã được thiết kế cho JSX, với tính năng xem trước trực tiếp hiển thị thành phần của bạn bên trong ứng dụng

• Môi trường chạy (ReactDOM và Babel) được tích hợp sẵn trong ứng dụng, vì vậy mã của bạn chạy trên thiết bị chứ không phải trên máy chủ

• Dự án đa tệp: nhập một thành phần vào thành phần khác, giống như cách xây dựng các ứng dụng thực tế

• Chạm vào nút đã được hiển thị, nhập vào biểu mẫu và xem giao diện người dùng phản hồi

PHẦN THỰC HÀNH

• Thực hành Hooks: xem mọi thay đổi trạng thái và mọi lần render lại khi chúng xảy ra

• Núm điều chỉnh Props: thay đổi một prop bằng thanh trượt và xem thành phần cập nhật

• Trình phân tích hiệu suất render và dòng thời gian trạng thái (Phiên bản Pro): tìm hiểu thành phần nào được render lại và tại sao, sau đó xem lại trạng thái của bạn

TỪNG BƯỚC MỘT, TỪ CƠ BẢN ĐẾN NÂNG CAO

• Cơ bản: JSX, thành phần, props, trạng thái, sự kiện, danh sách và khóa, render có điều kiện

• Hooks: useState, useEffect, useRef, • Sử dụng Reducer, các hook tùy chỉnh, sử dụng LayoutEffect và hơn thế nữa

• Biểu mẫu và xác thực, React Hook Form, đầu vào được kiểm soát và không được kiểm soát

• Quản lý trạng thái: Context, Redux Toolkit và RTK Query, Zustand và Jotai

• React Router, tìm nạp dữ liệu, TanStack Query, SWR và optimistic UI

• TypeScript, kiểm thử, Storybook, khả năng truy cập và bảo mật

• Hiệu suất: ghi nhớ, chia tách mã, Suspense, chuyển tiếp, danh sách ảo hóa

• React 19 và Server Components, SSR và hydration, streaming

• Next.js App Router, tìm nạp dữ liệu và xác thực

• Kiến thức cơ bản về React Native dành cho nhà phát triển web

• Triển khai, micro-frontend và liên kết module

XÂY DỰNG CÁC DỰ ÁN THỰC TẾ

20 dự án có hướng dẫn, từng bước nhỏ một: nút thích, thẻ hồ sơ, máy tính tiền boa, trò chơi đố vui, đồng hồ bấm giờ, biểu mẫu đăng ký, giỏ hàng, băng chuyền hình ảnh, danh sách phân trang, v.v. Ứng dụng quản lý công việc và nhiều hơn nữa. Mỗi bước kiểm tra xem thành phần của bạn có thực sự hoạt động trước khi bạn chuyển sang bước tiếp theo.

LUYỆN TẬP CHO ĐẾN KHI THÀNH THẠO

• 30 nhiệm vụ lập trình (dễ, trung bình và khó) về hook, hiển thị, biểu mẫu, ngữ cảnh và hiệu suất

• Ghép giao diện người dùng: xây dựng lại một thành phần mục tiêu và nhận điểm về cấu trúc, kiểu dáng và văn bản

• Săn lỗi: tìm và sửa lỗi trong một thành phần bị lỗi

• Nhớ lại thành phần: gõ lại phần bị thiếu vào mã bạn đã làm cho hoạt động, với phương pháp lặp lại có khoảng cách

• Bài kiểm tra với 50 câu hỏi, 50 câu hỏi phỏng vấn và một bảng tóm tắt

• Thử thách hàng ngày, chuỗi thành tích, XP và bảng xếp hạng

NGƯỜI HƯỚNG DẪN AI (PRO)

Bị mắc kẹt ở một hook hoặc một lỗi? Hãy hỏi người hướng dẫn AI để được giải thích rõ ràng, để AI xem xét mã của bạn và đề xuất cách khắc phục, hoặc tạo một bài học tùy chỉnh về bất kỳ chủ đề nào.

CHỨNG CHỈ (PRO)

Vượt qua kỳ thi cuối cùng và nhận chứng chỉ bạn có thể chia sẻ.

DÀNH CHO AI

• Người mới bắt đầu biết một chút về HTML, CSS hoặc JavaScript

• Lập trình viên chuyển từ framework khác sang và cần chuyển đổi nhanh chóng

• Bất kỳ ai đang chuẩn bị cho phỏng vấn vị trí lập trình viên frontend

• Lập trình viên tự học đang xây dựng portfolio các dự án

PHIÊN BẢN MIỄN PHÍ VÀ PHIÊN BẢN CAO CẤP

Miễn phí: khóa học đầu tiên, một dự án hướng dẫn, 2 bài tập lập trình, trình soạn thảo mã với xem trước trực tiếp, Hooks Lab, các nút điều khiển props, Bug Hunt và 3 lần kiểm tra UI Match mỗi ngày. Phiên bản miễn phí có hiển thị quảng cáo.

Phiên bản cao cấp: tất cả 88 khóa học, tất cả các dự án và bài tập, người hướng dẫn AI, trình phân tích hiệu suất render và dòng thời gian trạng thái, bài kiểm tra chứng chỉ và không có quảng cáo.

Ứng dụng có sẵn bằng 22 ngôn ngữ.

React là thương hiệu của Meta Platforms, Inc. Next.js là thương hiệu của Vercel, Inc. Đây là một ứng dụng học tập độc lập, không liên kết hoặc được Meta hoặc Vercel chứng thực.

Chính sách bảo mật: https://www.coddykit.com/terms/privacy-policy