Hydration mismatches là một trong số lỗi đáng sợ đối với các React Developer khi gặp phải trong việc phát triển React SSR.
07/04/2024
6 mins read
Trong bài viết này, chúng ta sẽ đi từng bước một xây dựng một bản demo về component Drag-and-drop file upload trong React, tận dụng TypeScript để có type-safe
11/10/2023
8 mins read
Confirm dialog (hay tiếng việt gọi là “hộp thoại xác nhận”) là một trong những thành phần tương tác người dùng phổ biến nhất được thấy trong các ứng dụng ngày nay khi người dùng thực hiện một hành động quan trọng nào đó có khả năng ảnh hưởng cao và không thể hoàn tác
02/09/2023
14 mins read
Trong bài viết lần này, chúng ta sẽ cùng tiềm hiểu về `useSyncExternalStore` hook. Đây là một hook hữu ích khi bạn cần tích hợp tính năng quản lý states không có React trong ứng dụng của mình.
23/08/2023
4 mins read
Trong bài viết này, hãy cùng nhau tìm hiểu về công dụng của “use” hook. Lưu ý rằng Hook này chưa có sẵn chính thức trong React.
20/08/2023
2 mins read
Prop Drilling là một khái niệm được nhắc đến trong React, đôi khi không thể tránh khỏi, trong nhiều trường hợp chúng ta không nên áp dụng nó. Trong bài viết lần này, chúng ta sẽ xem xét nó là gì và lý do phải tránh nó như đề cập ở tiêu đề.
17/08/2023
10 mins read
Batching trong React mô tả chi tiết triển khai nội bộ của React, giúp nhóm nhiều yêu cầu cập nhật trạng thái trong một lần cập nhật
14/08/2023
4 mins read
Đôi khi tất cả những gì chúng ta cần để tránh việc prop drilling là một chút tái cấu trúc
24/04/2023
3 mins read
Sự khác biệt ở trên là gì?. Tại sao trong ví dụ 2 trên ảnh lại gây ra tình trạng lặp vô hạn "too many re-renders" trong React?.
24/04/2023
3 mins read
Thuộc tính `ref` trong React được sử dụng để truy cập một component children hoặc một DOM element. Chúng ta thường sử dụng `ref` với HOC được cung cấp từ React là `forwardRef` hoặc `useRef` hook. Nhưng bạn có bao giờ từ hỏi khi không biết 2 phương thức tương tác với `ref` ở trên có thể tồn tại trong một thời điểm hay không?.
02/04/2023
4 mins read
Việc triển khai `refresh token` có thể không còn xa lạ đối với nhiều frontend dev trong chúng ta.
01/04/2023
7 mins read
Mặc dù đã sử dụng nó rất nhiều, nhưng chúng ta vẫn chưa thực sự tận dụng hết những gì nó đang có. Trong lần này, như tiêu đề đã đề cập, chúng ta sẽ tiến hành tìm hiểu một trong số những thứ quan trọng của Axios mà bạn cần phải biết là Axios Interceptor.
31/03/2023
6 mins read
Một số cập nhật giao diện người dùng nên có sự ưu tiên, thực hiện càng nhanh càng tốt (Nhập giá trị vào một input hay chọn một option từ dropdown), trong khi đó một số thành phần khác nên có độ ưu tiên thấp hơn (lọc danh sách).
17/12/2022
7 mins read
`useImperativeHandle` được tạo ra cho các kịch bản mà bạn quyết định `refs` sẽ có và được quyền truy cập gì từ một thành phần tuỳ chỉnh.
10/12/2022
6 mins read
Cấu hình các files Webpack giữa các dự án có thể khác nhau vì nó là một công cụ và các nhà phát triển sẽ luôn giữ nó làm tất cả mọi việc. Nhưng một thư viện đơn giản như hiện tại, tất cả những gì chúng ta cần làm là bundle ra các mã theo chuẩn `es5`.
07/08/2022
10 mins read
React Ref (React reference) hiểu đơn giản là một đối tượng tham chiếu đến một biến, một component giữ cho giá trị của nó không thay đổi giữa các lần `render` và truy xuất các giá trị đó thông qua key `current`.
12/06/2022
9 mins read
Khi phát triển các components, việc đặt các điều kiện bên trong JSX làm đoạn mã của bạn trở nên lộn xộn và khó đọc hơn
24/04/2022
5 mins read
Chúng được gọi là các đối tượng mô tả giao diện người dùng. Chúng mô tả giao diện người dùng mà React sẽ tạo ra trên DOM.
13/02/2022
7 mins read
Sẽ tốt hơn nếu bằng cách nào đó chúng ta có thể theo dõi và đánh giá được thời gian kết xuất và gửi thông tin đến máy chủ trong ứng dụng mà, điều này giúp chúng ta có thể kiểm soát và chủ động theo dõi hoạt động của ứng dụng hơn.
12/02/2022
5 mins read
Xử lý form trong các ứng dụng React hiện tại là một điều không thể thiếu. Từ đó, nó cũng mang đến nhiều hệ luỵ về hiệu xuất nếu chúng ta xử lý sai về nó. Vậy làm thế nào để cải thiện hiệu xuất của Form trong React được cho là đúng?
18/10/2021
16 mins read
Ứng dụng Context trong React và useReducer tốt hơn và hiệu quả hơn như thế nào?
16/10/2021
7 mins read
Về mặt sử dụng thì cả 2 hook useEffect và useLayoutEffect đều có cách sử dụng giống nhau, nhưng sẽ khác nhau trong một số trường hợp. Vì vậy, trong bài viết này, chúng ta sẽ cân nhắc xem xét các trường hợp khi sử dụng 2 React Hook này.
15/10/2021
3 mins read
Mọi người có tự hỏi vì sao một số email khi nhận được lại nằm trong thư mục spam?. Thành thật mà nói thì hãy thận trọng khi truy cập một trang web tràn ngập quảng cáo và chiêu dụ đá số đã được đính kèm trong mail đó.
16/09/2021
8 mins read
Memory leak không còn là thuật ngữ quá xa lạ đối với các bạn khi làm việc với React. Đôi khi bạn sẽ thấy thông báo lỗi về rò rì bộ nhớ, điều này cảnh báo rằng chúng ta phải khắc phục nó ngay để tránh tác hại to lớn mà nó mang lại
09/09/2021
7 mins read
Nếu bạn sử dụng react hoặc đang trong quá trình học React, bạn sẽ nghe qua một thuật ngữ React Virtual DOM
07/09/2021
6 mins read
Cache không còn là một từ quá xa lạ đối với một lập trình viên web. Chúng ta hay nghe tới nó khi xử lý các yêu cầu truy vấn ở phía máy chủ khi xử lý các yêu cầu có tính thường xuyên và lặp dữ liệu
31/08/2021
7 mins read
Để khôi phục niềm tin của bạn vào việc đồng bộ hóa dữ liệu trạng thái máy chủ với thư viện React Query được cấu hình trước. Xem cách bạn có thể đưa logic tìm nạp, bộ nhớ cache và cập nhật vào một vài dòng mã dễ hiểu với các móc tự động hóa đơn giản được trình bày trong hướng dẫn này.
28/08/2021
8 mins read
Mặc dù mục tiêu phát triển của React Hooks từ functional component sinh ra không phải phục vụ cho mục đích sử dụng nó bên trong một class components.
17/06/2021
4 mins read
Kể từ khi các hooks sinh ra trong phiên bản v1.6. Nó đã kiến React rút ngắn được cách viết, nhưng đánh đổi với điều đó là chúng tương đối khó đối khi mới bắt đầu tìm hiểu.
10/06/2021
7 mins read
Các sự kiện như scroll, movemouse, click hao tốn của chúng ta rất nhiều tài nguyên mỗi khi nó được gọi để thực hiện một hành động. Sử dụng `debounce` nhằm mục đích giảm hao tổn tài nguyên bằng cách ngăn một chức năng được gọi nhiều lần liên tiếp.
20/03/2021
2 mins read
Chúng ta hãy bắt đầu thay suy nghĩ về CSS Grid đi nhé. Đây là Cheatsheet về mọi thứ bạn có thể làm với Grid để bắt đầu vào năm 2021!
07/03/2021
4 mins read
Thiết kế hệ thống UI Component (User Interface Component) cho phép các nhóm phát triển giới thiệu về trải nghiệm hình ảnh và các chức năng nhất quán của người dùng khác nhau giữa các sản phẩm và ứng dụng.
17/02/2021
10 mins read
Khi ứng dụng của bạn mở rộng (scales), vấn đề về hiệu xuất sẽ nhiều hơn và hơn thế nữa. Trong khi React đã làm rất tốt khả năng tối ưu và rất nhanh
16/02/2021
6 mins read
Khả năng Upload file là một tính năng được yêu cầu cho một số trang web và ứng dụng phổ biến hiện nay. Từ việc Upload hình ảnh trên mảng xã hội cho avatar hay resume, lưu các file .pdf, .docx. Hầu như đã xuất hiện ở mọi nơi.
30/01/2021
8 mins read
Xung quanh sự phát triển nổi trội với lối ngôn ngữ thiên về Functions thay vì Class , JavaScript sinh ra một số hàm đơn giản nhưng hữu ích có thể sẽ cần đến trong những dự án mà bạn phát triển.
24/01/2021
3 mins read