Những nguyên tắc cơ bản khi tư duy về hiệu năng.

• Tại sao hiệu năng quan trọng?

  Học về tại sao hiệu năng quan trọng?
• Công cụ đo lường (React Profiler)

  Học về công cụ đo lường (react profiler)
• Xác định bottleneck

  Học về xác định bottleneck

• Chiến lược tối ưu đơn giản

  Học về chiến lược tối ưu đơn giản

• Case study: ứng dụng bị lag

  Học về case study: ứng dụng bị lag

• Benchmark và testing hiệu năng

  Học về benchmark và testing hiệu năng

• Bài tập thực hành: đo performance

  Học về bài tập thực hành: đo performance

Giảm render không cần thiết bằng memo và hooks.

• useMemo cơ bản

  Học về usememo cơ bản
• useCallback và tham chiếu hàm

  Học về usecallback và tham chiếu hàm
• React.memo cho components

  Học về react.memo cho components

• Tinh chỉnh shouldComponentUpdate

  Học về tinh chỉnh shouldcomponentupdate

• Memoization cho list lớn

  Học về memoization cho list lớn

• Pitfalls của memo

  Học về pitfalls của memo

• Bài tập: tối ưu Todo App

  Học về bài tập: tối ưu todo app

Tải mã theo nhu cầu để giảm bundle size.

• Dynamic import trong React

  Học về dynamic import trong react
• Suspense và lazy

  Học về suspense và lazy
• Split points với Webpack

  Học về split points với webpack
• Load on scroll / route-based splitting

  Học về load on scroll / route-based splitting
• Prefetch vs preload

  Học về prefetch vs preload
• Tối ưu CSS và assets

  Học về tối ưu css và assets
• Bài tập: chia nhỏ dashboard app

  Học về bài tập: chia nhỏ dashboard app

Quản lý và bộ đệm dữ liệu phía client.

• Giới thiệu React Query

  Học về giới thiệu react query
• useQuery và useMutation

  Học về usequery và usemutation
• Invalidation và refetching

  Học về invalidation và refetching
• Caching xuyên tab và offline

  Học về caching xuyên tab và offline
• Tích hợp pagination/infinite

  Học về tích hợp pagination/infinite
• Devtools và monitoring

  Học về devtools và monitoring
• Bài tập: xây dashboard với cache

  Học về bài tập: xây dashboard với cache

Xử lý danh sách lớn và tables.

• Giới thiệu virtualization

  Học về giới thiệu virtualization
• react-window & react-virtualized

  Học về react-window & react-virtualized
• Tối ưu table lớn

  Học về tối ưu table lớn
• Image/Media lazy loading

  Học về image/media lazy loading
• Phân trang vs infinite scroll

  Học về phân trang vs infinite scroll
• Tái sử dụng component

  Học về tái sử dụng component
• Bài tập: list hàng nghìn item

  Học về bài tập: list hàng nghìn item

Tối ưu server side rendering và static.

• SSR vs SSG cơ bản

  Học về ssr vs ssg cơ bản
• Hydration performance

  Học về hydration performance
• Cache header và CDN

  Học về cache header và cdn
• Incremental Static Regeneration

  Học về incremental static regeneration
• Optimistic updates & stale-while-revalidate

  Học về optimistic updates & stale-while-revalidate
• Sử dụng SWR cho data caching

  Học về sử dụng swr cho data caching
• Project cuối khóa: tối ưu ứng dụng React real-world

  Học về project cuối khóa: tối ưu ứng dụng react real-world