# You Học Code

> Học code dễ dàng qua những bài blog ôn tập.

## Docs

- [Bạn muốn học gì?](https://www.youhoc.com/index.md)
- [Arrow Function trong JavaScript](https://www.youhoc.com/javascript/arrow-function.md)
- [Tổng quan](https://www.youhoc.com/javascript/index.md)
- [10 câu hỏi phỏng vấn Next.js thường gặp](https://www.youhoc.com/next-js/10-interview-questions.md): Tổng hợp 10 câu hỏi phỏng vấn Next.js phổ biến từ junior đến mid-level, kèm gợi ý trả lời ngắn gọn, dễ nhớ và bám sát thực tế production.
- [9 điều cơ bản đầu tiên khi đến với Next.js](https://www.youhoc.com/next-js/9-starter-notes.md): Next.js không thay thế React — nó là một framework xây dựng trên nền React, bổ sung những thứ mà React “vanilla” không có sẵn: Server-Side Rendering (SSR), file-based routing, tối ưu hình ảnh, và nhiều hơn nữa.
- [Tự làm Image Slideshow trong React, không cần SwipeJS](https://www.youhoc.com/next-js/build-simple-slideshow.md): Trong bài này, chúng ta sẽ tự xây từ con số 0 — bắt đầu từ bản đơn giản nhất, rồi lần lượt thêm nút điều hướng, numbered buttons, và cuối cùng là progress bar kiểu Stories cho ngầu.
- [Tự xây dựng Image Picker có preview trong React](https://www.youhoc.com/next-js/build-your-own-image-picker.md): Bài này dùng Next.js với Typescript làm ví dụ, nhưng toàn bộ logic có thể dùng trong bất kỳ React app nào.
- [Next.js Caching: Hướng dẫn thực chiến cho production](https://www.youhoc.com/next-js/cache-layers.md)
- [Làm quen với Fetch dữ liệu, Loading, Error & Not Found trong Next](https://www.youhoc.com/next-js/data-fetching.md): Lấy dữ liệu từ server và xử lý các trạng thái đi kèm: loading, lỗi, và trang không tồn tại.
- [Giới thiệu tổng quan về Next.js (5/2026)](https://www.youhoc.com/next-js/index.md): Học bây giờ có muộn lắm không?
- [Thực hành Intercepting Routes trong Next.js  qua ví dụ Photo Gallery](https://www.youhoc.com/next-js/intercepting-routes.md): Đây là pattern shareable modal, và đây chính xác là thứ Intercepting Routes được sinh ra để giải quyết.
- [Tất tần tật về Metadata trong Next.js, có những điều tôi chắc bạn cũng không biết](https://www.youhoc.com/next-js/metadata.md): Metadata là thứ bạn không thấy khi dùng app, nhưng Google, Facebook và mọi crawler khác lại nhìn vào đó đầu tiên. Bài viết này đi qua toàn bộ những gì Next.js cung cấp cho metadata, từ cơ bản đến những chi tiết ít ai chú ý.
- [Optimistic UI: Phản hồi trước, lưu sau, lỗi thì hoàn lại trạng thái cũ với trong React](https://www.youhoc.com/next-js/optimistic-ui-update.md): Một tính năng đúng nghĩa là "nâng cao", khó làm, chỉ giải quyết được một chút trải nghiệm ở tầng giao diện người dùng, chỉ để cải thiện được mức độ tự nhiên khi tương tác.
- [Tại sao bạn nên bật "--react-compiler" trong dự án Next.js mới nhất?](https://www.youhoc.com/next-js/react-compiler-on-or-off.md): Lợi ích rõ ràng nhất: Xóa sổ useMemo, useCallback, memo.
- [Routing nâng cao trong Next.js qua ví dụ trang News Archive](https://www.youhoc.com/next-js/routing-advanced.md): Đây chính là lúc bạn cần đến Route Groups, Dynamic Routes, Parallel Routes và error handling trong Next.js App Router.
- [useRouter trong Next.js: Từ đóng modal đến prefetch](https://www.youhoc.com/next-js/userouter-you-dont-know.md): Trong bài viết này, chúng ta sẽ đi từ use-case thực tế nhất (đóng modal), mở rộng ra các method hay dùng, rồi kết thúc ở router.prefetch(), tính năng giúp trải nghiệm người dùng mượt hơn hẳn mà ít ai để ý.
- [Tổng quan](https://www.youhoc.com/react/index.md)
- [Hiểu gốc rễ của React](https://www.youhoc.com/react/low-level-react.md)
- [Hiểu React Component cơ bản với Rating App](https://www.youhoc.com/react/react-component.md): Trong React, mọi thứ đều là component. Lưu ý nhất phần Event Handler.
- [Thay đổi giao diện với State và useState (phần 2)](https://www.youhoc.com/react/state-lifting-props.md): State Lifting và Props: trả lời câu hỏi "state" đặt ở đâu, truyền lên xuống như thế nào?
- [Thay đổi giao diện với State và useState (phần 3)](https://www.youhoc.com/react/state-modal-conditional-rendering.md): Thực hành tạo, mở, đóng Modal sử dụng useState, State Lifting, Conditional Rendering, Children Props.
- [Thay đổi giao diện với State và useState (phần 1)](https://www.youhoc.com/react/state-usestate.md): React không tự động render lại component khi một biến thông thường thay đổi. Bạn phải dùng useState để cập nhật trạng thái component.
- [useEffect: Hiểu đúng để dùng đúng](https://www.youhoc.com/react/useeffect-basics.md): Nếu bạn đã từng thấy component bị render vòng lặp vô tận, data fetch chạy liên tục không dừng, hoặc event listener bị attach nhiều lần — rất có thể nguyên nhân là dùng useEffect chưa đúng cách.
- [Tổng quan](https://www.youhoc.com/typescript/index.md)
- [require vs import](https://www.youhoc.com/typescript/require-vs-import.md): Từ Express thuần đến TypeScript
- [Xây dựng Types thông minh trong Next.js: Composition thay vì lặp lại](https://www.youhoc.com/typescript/smart-types-declaration-1.md): Bí quyết là xây dựng một bộ “từ vựng cơ bản” nhỏ, rồi compose ra các type cần thiết từ đó.
- [Xây dựng Types thông minh trong Next.js (Phần 2): Để Drizzle infer type từ DB schema](https://www.youhoc.com/typescript/smart-types-declaration-2.md)
- [Xây dựng Types thông minh trong Next.js (Phần 3): Mở rộng quan hệ giữa nhiều bảng](https://www.youhoc.com/typescript/smart-types-declaration-3.md)
- [TypeScript cơ bản (phần 1)](https://www.youhoc.com/typescript/the-basics-1.md)
- [TypeScript cơ bản (phần 2)](https://www.youhoc.com/typescript/the-basics-2.md): Union Type, Object Type, Type Alias, và Generic