useEffect and useLayoutEffect are both hooks in React that are used to handle side effects in functional components. However, they have different timing for when they are executed within the component lifecycle.

Jul 292 min

Read

Git

Workflow

Git trong dự án thực tế: Lệnh thường dùng, amend/rebase/cherry-pick & Trunk-Based Development 🎉

Basic ReactJS Learning Path for Beginners 2020 🥰

Learning ReactJS can be overwhelming due to its vast ecosystem and many concepts to grasp, from components and state management to routing and forms. This guide is designed to simplify the process, offering a structured path with curated resources, practical tips, and personal insights to help you confidently start your ReactJS journey. 😉

Tips for a Successful ReactJS Interview 🎉

Many of you may feel nervous and anxious when preparing for an upcoming ReactJS interview, right? Understanding this, I've written down a few notes. Hopefully, this will help you grasp the format of a ReactJS interview, what topics are commonly discussed, and boost your confidence. 🙂

Enhance frontend performance - Critical Rendering Path (CRP)

Vấn đề cốt lõi của tối ưu Frontend là làm sao để trình duyệt tải và hiển thị nội dung trang web một cách nhanh chóng nhất, từ đó mang lại trải nghiệm tốt cho người dùng. Để giải quyết vấn đề này, chúng ta cần phối hợp nhiều kỹ thuật khác nhau, tập trung vào ba yếu tố chính: giảm dung lượng tài nguyên (như HTML, CSS, JavaScript, hình ảnh) bằng cách minification, tree shaking, code splitting, nén file; tận dụng bộ nhớ đệm (cache) của trình duyệt và CDN để lưu trữ và tái sử dụng tài nguyên, giảm số lượng request; và tối ưu hóa cách tải và thực thi code bằng cách sử dụng async, defer, lazy loading, preload, prefetch. Khi giải quyết được ba yếu tố này, tốc độ tải trang sẽ được cải thiện đáng kể, giúp người dùng truy cập và tương tác với trang web một cách mượt mà và hiệu quả hơn.

ReactJS Interview Question 🎉

Jul 295 min

Read