Sydexa

Đang tải...

React Nâng Cao
Chuyên Sâu với Tối Ưu
Hiệu Năng

Trải nghiệm học tập cá nhân hóa linh hoạt & thực chiến.

Học qua meeting
Tương tác trực tiếp với giảng viên

Hãy tự tin thử thách giảng viên của chúng tôi với những câu hỏi tuyệt vời của bạn!

Kiến thức thực tế của giảng viên tại Big Tech

Mỗi sự nghiệp là một hành trình! Kinh nghiệm từ chuyên gia của chúng tôi sẽ là tấm bản đồ cho chuyến đi của bạn.Học với người giỏi nhất sẽ giúp bạn đi nhanh nhất, tiết kiệm 2, 3 năm tự thử và sai. Hãy lắng nghe những kinh nghiệm, bài học được chia sẻ và biến chúng thành lợi thế của riêng bạn.

const fetchUsersInPaidTeams = async (): Promise<User[]> => {
const response = await fetch(`${API_BASE_URL}`)
if (!response.ok) throw new Error('Failed to fetch users')
const users: User[] = await response.json()
return users.filter(user => user.team.isPaid)
}
export const PaidTeamUsers = () => {
const [users, setUsers] = useState<User[]>([]);
const [error, setError] = useState<string>(');
useEffect(() => {
fetchUsersInPaidTeams()
.then(data => setUsers(data))
.catch(err => setError(err.message))
}, [])
if (!users) return <Loading />
if (error) return <Error />
return <UserTable users={users} />
}

Tự tin phỏng vấn tăng uy tín với nhà tuyển dụng

Giả lập phỏng vấn thật. Phân tích điểm mạnh/yếu và hướng dẫn cải thiện. Gợi ý cách trả lời ấn tượng, thu hút nhà tuyển dụng.

Thời gian hợp lý khoá học diễn ra trong 2 tháng

Sứ mệnh của chúng tôi đó là đem lại giá trị thực tiễn cho học viên. Chính vì vậy, trong 2 tháng đồng hành, chúng tôi cam kết mang đến bộ hành trang sắc bén nhất, giúp bạn ghi dấu ấn tuyệt đối với nhà tuyển dụng.

Cộng đồng học tập đông đảo cùng tham gia giao lưu và chia sẻ kiến thức

Tham gia Discord Senior React, chia sẻ kiến thức, nhận tài liệu hay mỗi tuần và kết nối với cộng đồng developer chuyên nghiệp.

Gặp gỡ giảng viên

Có hơn 10 năm kinh nghiệm phát triển phần mềm tại các tập đoàn công nghệ quốc tế.

Trương Hoài

Senior FrontEnd Developer

Worked at Shopee Singapore

Mình gói ghém tất cả tâm huyết và trải nghiệm của mình vào khoá học React này với một mong muốn rất đơn giản đó là được chia sẻ lại những bài học thực tế nhất, kể cả những lỗi sai mình từng gặp, để con đường của bạn bớt đi một chút gập ghềnh.

Kinh nghiệm làm việc

• AgilityIO

Dẫn dắt team FrontEnd phát triển sản phẩm toàn cầu

• Shopee Singapore

Tối ưu giao diện giúp giảm 30% thời gian tải trang đặt hàng

• Singtel

Thiết kế thư viện UI dùng chung cho cả web và mobile

• Moatable

Frontend Lead xây dựng sản phẩm cho thị trường Âu – Mỹ

Khám phá kỹ năng bạn sẽ nắm vững sau khoá học React

Hiểu rõ về Virtual DOM, Reconciliation, React Fiber và Concurrent Mode tối ưu hiệu năng
Sử dụng thành thạo useMemo, useCallback, useEffect và custom hooks nâng cao
Áp dụng react-window/react-virtual và Intersection Observer API cho Infinite Scroll
Quản lý state với Redux/Zustand kết hợp React Query caching, invalidation hiệu quả
Xây dựng form với Formik, validation Zod/Yup và controlled/uncontrolled components
Áp dụng code splitting, dynamic import, lazy load và tối ưu bundle size

Mô phỏng giao diện code trong khóa học React

Nội dung khoá học

Đào sâu vào cách hoạt động của trang web

Xử lý bất đồng bộ, Eventloop, Microtasks

React (Single page application SPA vs Multi Page application MPA)

Bản chất cách React hoạt động

Virtual DOM & Reconciliation

So sánh render sync vs concurrent (React 18)

React fiber và scheduler

React hooks (useMemo, useCallback, useEffect, useImperativeHandle,...)

Bài tập 1: Luyện tập thành thạo sử dụng hooks cơ bản và nâng cao

Theo dõi re-rendering

Tối ưu rendering với hooks

Các công cụ để tính toán hiệu năng: Profiler, Lighthouse,...

HOC: memo

Custom hook cơ bản và nâng cao

Bài tập 2: Render bảng với 10.000 items, tách component con

Đào sâu về React visualization: react-window và react-virtual

Tính toán hiệu năng cho lần tải đầu và tải thêm

Intersection Observer API

Bài tập 3: Áp dụng react-virtual/react-window cho bài tập 2

Global store: redux / zustand

Axios

React query

Fetching, mutation,...

Cache

Background refetch

Invalidation

Bài tập 4: Tích hợp API sử dụng react query và zustand

Controlled và Uncontrolled components

React formik

Form validation: zod / yup

Bài tập 5: Xây dựng form với lượng lớn câu hỏi và validation

React router dom

Material UI vs Radix UI, Shadcn UI

Tailwindcss

HTML Accessibility

Bài tập 6: Cải tiến bài tập 5 với UI lib và Tailwindcss

Server side rendering (SSR) vs Client side rendering (CSR)

Lazy load, suspend

Code splitting

Dynamic import

Use named chunk

Debounce, throttle

Bài tập 7: Tạo trang danh sách mới với lazy load và debounce

React 18, lazy hydration

Tính toán rendering components, phân tích heavy components

Đọc treemap từ lighthouse (bundle size)

Tối ưu hình ảnh (CDN)

Vite + webpack (rspack)

Dự án cuối: Xây dựng web với 100k records và tối ưu bundle

Phản hồi học viên

Khóa học thực sự rất chỉn chu, giảng viên giảng dễ hiểu, có hệ thống. Mình thấy đây là nền tảng vững chắc để lên các level cao hơn.

Nguyễn Đức Dũng

Không khí lớp học khá thoải mái, thầy cô hỗ trợ tận tình. Nếu phần bài tập được giao nhiều hơn một chút thì mình nghĩ sẽ hiệu quả hơn.

Nguyễn Xuân Khánh

Các buổi học được tổ chức rõ ràng, dễ theo dõi. Mình rất thích cách giảng viên kết nối kiến thức với thực tế.

Lương Bích Nguyệt

Mình cảm thấy nội dung bài giảng rất dễ tiếp cận. Phần hướng dẫn thực hành có ví dụ nâng cao khá hay ho.

Nguyễn Hồng Nhạ

Nhiều kinh nghiệm và kiến thức hay ho từ chị giảng viên, thì ra frontend nâng cao có nhiều cái mình giờ mới được học.

Vũ Đình Đăng

Mình thấy hài lòng với tốc độ giảng và lượng kiến thức cung cấp. Chỉ có phần hỏi đáp nên linh hoạt thêm để giải đáp sâu hơn từng bạn.

Đỗ Thanh Phương

Khóa học rất phù hợp để nâng cao kỹ năng của mình. Mình thích cách các bài giảng được chia nhỏ theo từng phần rõ ràng, dễ theo dõi. Cảm giác học thêm được 1 2 năm kinh nghiệm từ chị giảng viên.

Đỗ Minh Anh

Giảng viên giảng có tâm, phần trình bày cũng khá chỉnh chu. Nếu phần thảo luận nhóm được tổ chức sôi nổi hơn nữa thì sẽ rất okela.

Phạm Hoài Nam

Học cùng chuyên gia ngay!

Ưu đãi dành cho học viên mới

3,000,000đ

6,000,000đ Sale

Khuyến mãi kết thúc sau:

--Ngày

--Giờ

--Phút

--Giây

Nhập mã voucher của bạn (nếu có)

Quyền lợi đi kèm

Hình thức học: Online
20 buổi học
Video Record sau mỗi buổi học
Full tài liệu + Source code
Mentoring hỗ trợ Online + Nhóm chat
Chứng chỉ hoàn thành khoá học
Hỗ trợ review CV

Chính sách hoàn tiền

Nếu bạn không hài lòng với khóa học sau 7 ngày đầu tiên, bạn có thể yêu cầu hoàn tiền 100% học phí đã đóng. Liên hệ contact@sydexa.com để được hướng dẫn chi tiết.

React Chuyên Sâu

Not your average React course

Lịch khai giảng

Online, các mentor sẽ livestream share screen. Mỗi buổi đều có record lại và upload trên hệ thống học online của Sydexa.

Thời lượng dự kiến: 16 buổi, 90+ phút/buổi

Thời gian học: Tối thứ 4 & thứ 7, 8h-9h30.

Khai giảng: 10/09/2025

Sydexa

Đăng ký ngay để nhận được tư vấn

Q&A

Khóa học này là Online hay Offline

Meeting online, các mentor sẽ livestream share screen. Mỗi buổi đều có record lại và upload trên hệ thống học online của Sydexa.

Kết thúc khóa học, tôi vẫn còn nhận được hỗ trợ từ Sydexa?

Sau khi kết thúc khóa học, bạn vẫn sẽ nhận được sự hỗ trợ từ Sydexa trong vòng 6 tháng. Chúng tôi cung cấp các buổi tư vấn nghề nghiệp và hỗ trợ giải đáp thắc mắc qua email và nhóm chat riêng.

Chứng chỉ và bằng cấp sau khóa học?

Sau khi hoàn thành khóa học, bạn sẽ nhận được chứng chỉ từ Sydexa, công nhận bạn đã hoàn thành khóa học với các kỹ năng và kiến thức đã được đào tạo. Chứng chỉ này có thể được sử dụng để bổ sung vào hồ sơ xin việc của bạn.

Hỗ trợ làm sau khóa học

Sydexa cung cấp dịch vụ hỗ trợ tìm việc làm sau khóa học. Chúng tôi có mạng lưới đối tác rộng lớn và sẽ giới thiệu bạn đến các công ty phù hợp với kỹ năng và nguyện vọng của bạn. Ngoài ra, chúng tôi còn hỗ trợ bạn trong việc chuẩn bị CV và phỏng vấn.