Giới Thiệu Khóa Học Ultimate React 2024 - React, Redux & More [Update Tháng 11-2023] [Mã - 6841 A]

 Làm chủ React hiện đại từ cơ bản đến nâng cao! Context API, React Query, Redux Toolkit, Tailwind, các pattern nâng cao.

Bạn sẽ học được gì:

✓ Trở thành một React developer tiên tiến, tự tin và hiện đại từ đầu.

✓ Xây dựng hơn 8 dự án tuyệt đẹp, bao gồm một ứng dụng thực tế chuyên nghiệp LỚN.

✓ Trở nên sẵn sàng cho công việc bằng cách làm việc với các thư viện và công cụ được sử dụng trong các dự án chuyên nghiệp.

✓ Tham gia cùng hơn 1.800.000 sinh viên hạnh phúc khác của tôi trên hành trình này.

✓ Suy nghĩ như một senior React engineer với các design pattern nâng cao.

✓ React fundamentals: components, JSX, props, events, state, forms.

✓ State management: suy nghĩ về state, nơi đặt, local vs. global, UI vs. remote.

✓ Xây dựng các reusable, composable, và versatile component.

✓ Làm chủ useEffect hook khó hiểu nhưng quan trọng một lần cho mãi mãi.

✓ Xây dựng nhiều custom hooks, có thể tái sử dụng trong các dự án tương lai của bạn.

✓ Xây dựng các single-page application với React Router (bao gồm v6.4+ với data loading).

✓ Tối ưu hóa hiệu suất với memo, useMemo, useCallback, và code splitting.

✓ Các tính năng nâng cao của React: useReducer, Context API, cloneElement, portals, v.v.

✓ State management nâng cao với Redux, Redux Toolkit, Thunks, React Query.

✓ Xây dựng các tính năng của ứng dụng trong thế giới thực: xác thực, sắp xếp dữ liệu, lọc và phân trang, dark mode, biểu đồ, v.v.

✓ Hiểu cách React thực sự hoạt động đằng sau hậu trường: virtual DOM, reconciliation, fiber tree, key prop, v.v.

✓ Style cho ứng dụng của bạn bằng Tailwind CSS, CSS Modules, Styled Components (CSS-in-JS).

✓ Rèn luyện kỹ năng của bạn với nhiều thử thách, bài tập và dự án thực hành.

*** Mới ra mắt vào tháng 6 năm 2023! Và được cập nhật vào tháng 11/2023***

Vào năm 2024, React vẫn là kỹ năng số 1 cần học nếu bạn muốn trở thành một front-end developer thành công!

Nhưng nó có thể khó khăn. Có rất nhiều phần chuyển động, rất nhiều thư viện khác nhau, rất nhiều hướng dẫn ngoài kia.

Đó là lý do tại sao bạn đến đây... Và bạn đã đến đúng nơi! Đây là khóa học React ultimate cho năm 2024 và hơn thế nữa.

Một cách tiếp cận nặng về thực hành để thành thạo React bằng cách xây dựng các ứng dụng bóng bẩy, được hỗ trợ bởi diagram, lý thuyết và tìm hiểu sâu hơn về React.

Gói tất cả trong một đưa bạn từ zero đến thực sự hiểu về React và xây dựng các ứng dụng web hiện đại, mạnh mẽ và chuyên nghiệp.

Các dự án thực tế. Những lời giải thích thực sự. React thực sự.

1. Tại sao đây là khóa học React phù hợp với bạn?

Đây là khóa học React chuyên sâu nhất và về cơ bản nó khác với tất cả các khóa học khác.

Đây là lý do tại sao:

✓ Chứa dự án lớn nhất và chuyên nghiệp nhất, nơi chúng tôi triển khai nhiều tính năng phổ biến của ứng dụng (xem video quảng cáo!).

✓ Giải thích siêu chi tiết về tất cả các khái niệm quan trọng với các sơ đồ hoạt hình và được chế tạo cẩn thận.

✓ Tập trung rất nhiều vào "cách suy nghĩ trong React" và các phương pháp hiện đại hay nhất.

✓ Một phần dài khám phá cách React thực sự hoạt động đằng sau hậu trường sẽ giúp bạn tự tin sử dụng React một cách hiệu quả.

✓ Các design pattern nâng cao như các compound component sẽ khiến bạn suy nghĩ như một senior React engineer.

Và đây chỉ là những điểm nổi bật! Hãy xem danh sách đầy đủ bên dưới (+ video quảng cáo và chương trình giảng dạy).

Ngoài ra, đừng nhầm lẫn: "Khóa học React" thực sự có nghĩa là "Khóa học Front-end development với React và các thư viện hiện đại".

Đúng vậy, bên cạnh thư viện React, bạn sẽ học và thành thạo tất cả chúng: React Router, Redux, Redux Toolkit, React Query, React Hook Form, Styled Components, Tailwind CSS, v.v.

Đây là cách chúng tôi lập kế hoạch, xây dựng và triển khai các dự án chuyên nghiệp! Chúng tôi thậm chí còn sử dụng các công cụ tiêu chuẩn ngành như Supabase (fully-fledged back-end)), GitHub, Netlify và Vercel.

Như bạn mong đợi, khóa học này 100% dựa trên dự án. Vì vậy, trong suốt khóa học, bạn sẽ bắt đầu xây dựng danh mục gồm hơn 8 ứng dụng React đẹp và chất lượng cao, trong đó mỗi ứng dụng sẽ giới thiệu một số kỹ năng mới mà bạn sẽ học.

Kết thúc khóa học, bạn sẽ có tất cả kiến ​​thức và sự tự tin cần thiết để vượt qua các cuộc phỏng vấn xin việc và trở thành React developer chuyên nghiệp mà các công ty đang tìm kiếm.

2. Dưới đây là tất cả các thông tin chi tiết về những gì chúng tôi sẽ đề cập:

✓ React fundamentals [tại sao chúng ta thậm chí cần components, JSX, props, events, forms, state, props vs. state].

✓ Cách suy nghĩ về state [nơi đặt state, guidelines, lifting state up, local vs. global state, UI vs. remote state].

✓ Cách suy nghĩ về components [cách split components, props as API, cách xây dựng các reusable và composable component, children prop]

✓ Đi sâu vào effects và useEffect [data fetching, lifecycle vs. synchronization, thời điểm sử dụng effects, effects vs. event handlers].

✓ Tìm hiểu sâu về hooks [rules of hooks, cách thức hoạt động của hooks, useRef, xây dựng super-reusable custom hooks].

✓ Tối ưu hóa hiệu suất [wasted renders, memoization với memo, useMemo, và useCallback, tối ưu hóa Context API, code splitting + Suspense].

✓ State management nâng cao [useReducer hook, Context API, Redux, Redux Toolkit, Thunks, React Query].

✓ Xây dựng Single-Page Applications (SPA) [Vite, Vite, routing với React Router, URL parameters và query strings cho state management, data loaders và actions (v6.4+)].

✓ Xây dựng các tính năng trong thế giới thực có trong nhiều ứng dụng [authentication và authorization, data sorting, filtering và pagination, dark mode, dashboard với charts, v.v.]

✓ Tạo back-end của riêng bạn với DB và API bằng Supabase [có được sức mạnh để tự mình xây dựng các ứng dụng full-stack!].

✓ Cách tạo kiểu cho các ứng dụng React [Tailwind CSS, CSS Modules, và Styled Components (CSS-in-JS)].

✓ Các React pattern nâng cao được sử dụng bởi các senior developer [render props, higher-order components, compound components (để xây dựng modal, context menu, v.v.)].

✓ Cách React hoạt động đằng sau hậu trường [rendering, virtual DOM, reconciliation, fiber tree, key prop, events, state batching, v.v.].

Mục lục:

✓ 01. Welcome, Welcome, Welcome!

✓ 02. PHẦN 1: REACT FUNDAMENTALS [4 DỰ ÁN].

✓ 03. Cái nhìn đầu tiên về React.

✓ 04. [Tùy chọn] Review of Essential JavaScript for React.

✓ 05. Làm việc với Components, Props, và JSX.

✓ 06. State, Events, và Forms: Interactive Components.

✓ 07. Thinking in React: State Management.

✓ 08. [Tùy chọn] Dự án thực tế: Eat-'N-Split.

✓ 09. PHẦN 2: REACT TRUNG CẤP [2 DỰ ÁN].

✓ 10. Thinking in React: Components, Composition, và Reusability.

✓ 11. Cách React hoạt động đằng sau hậu trường.

✓ 12. Effects và Data Fetching.

✓ 13. Custom Hooks, Refs, và More State.

✓ 14. [Tùy chọn] React Before Hooks: Class-Based React.

✓ 15. PHẦN 3: REACT NÂNG CAO + REDUX [4 DỰ ÁN].

✓ 16. useReducer Hook nâng cao.

✓ 17. React Router: Xây dựng Single-Page Applications (SPA).

✓ 18. State Management nâng cao: Context API.

✓ 19. Performance Optimization và useEffect nâng cao.

✓ 20. Redux và Modern Redux Toolkit với Thunks).

✓ 21. PHẦN 4: REACT DEVELOPMENT CHUYÊN NGHIỆP [2 DỰ ÁN].

✓ 22. React Router với Data Loading (v6.4+).

✓ 23. [Tùy chọn] Khóa học Tailwind CSS cấp tốc: Styling cho ứng dụng.

✓ 24. Adding Redux và React Router nâng cao.

✓ 25. Thiết lập dự án lớn nhất của chúng tôi + Styled Components.

✓ 26. Khóa học Supabase cấp tốc: Xây dựng Back-End!

✓ 27. React Query: Quản lý Remote State.

✓ 28. React Patterns nâng cao.

✓ 29. [Tùy chọn] Triển khai nhiều tính năng hơn: Authentication, Dark Mode, Dashboard, v.v.

✓ 30. Deployment với Netlify và Vercel.

✓ 31. Kết thúc!

Khóa học này dành cho ai:

✓ Bạn vừa học xong JavaScript và đang tìm bước tiếp theo!

✓ Bạn muốn thực sự làm chủ React development, bao gồm các thư viện phổ biến cần thiết để xây dựng các ứng dụng trong thế giới thực: React Router, Redux, React Query, React Hooks Form, v.v.

✓ Bạn đã học React, nhưng 1) vẫn chưa hiểu React, hoặc 2) vẫn chưa tự tin để xây dựng ứng các dụng React chuyên nghiệp.

✓ Bạn đang xây dựng các ứng dụng React, nhưng vẫn thiếu những thứ nâng cao: useReducer, performance optimization, cách React thực sự hoạt động, các design pattern nâng cao, v.v.