All
Companies

Related posts

View all
State trong frontend là gì? Tại sao nên giỏi cái này?

State trong frontend là gì? Tại sao nên giỏi cái này?

Bài viết được sự cho phép của tác giả Thanh Lê Tại sao nên đọc bài này? Trả lời cho câu hỏi, em học xong HTML, CSS và JS rồi thì làm gì để pro nữa anh? Bữa đọc đâu đó cũng thấy một bạn viết format này, thấy hay quá nên nay mình học theo, hy vọng mọi người thích nó! - Em nghe mấy người hay nói về State, State Mangement rồi dùng Redux các thứ, vậy State với State management là gì vậy anh? - À, trong cái app của em thì sẽ có trạng thái (state) đúng không, ví dụ như nút Like/Reaction trên facebook sẽ có nhiều trạng thái (Like, Tim, Haha, khóc, phẫn nộ,...). Thì việc em biết cái nút đang ở trạng thái nào nghĩa là em biết state của nó! Còn state management là gì hả? Thì một app có một đống state rối rắm, rườm rà như vậy, mình là thằng frontend dev thì cần phải quản lý (manage) đống trạng thái (state) đó nên gọi là [...]

Read more
ViteJS – Một Build Tool "Hackspeed" dành cho dev thích tốc độ

ViteJS – Một Build Tool "Hackspeed" dành cho dev thích tốc độ

Bài viết được sự cho phép của tác giả Sơn Dương Thời gian thấm thoát thoi đưa, nhanh như chó chạy ngoài đồng. Mới ngày nào, đại ca Evan You (tác giả của VueJS) giới thiệu công cụ ViteJS trong năm 2020, giờ đã hơn 3 năm. Đây là công cụ build tool được giới thiệu là vô cùng mạnh mẽ, có tốc độ kinh hoàng, so với Webpack thì webpack chỉ có hít khói. Mới đầu mình cũng chưa muốn tìm hiểu Vite là gì, vì nó còn quá mới, cứ để cho tác giả và cộng đồng trải nghiệm trước. Nhưng đến thời điểm hiện tại, mình cũng đã bị thuyết phục. Thực sự ViteJS dùng rất sướng, tốc độ build thì quá nhanh. Bài viết này, chúng ta cùng tìm hiểu về một frontend build tool đỉnh cao ViteJS – một công cụ có thể thay thế ông già gân Webpack. Để xem Vite là gì đã nhé! Vite là gì? Chắc hẳn ai làm việc với các JS framework như VueJS, ReactJS, Angular… đều biết rằng, ở [...]

Read more
Kinh nghiệm cấu trúc thư mục trong dự án React

Kinh nghiệm cấu trúc thư mục trong dự án React

Việc tổ chức, sắp xếp các files, thư mục trong một dự án React là vô cùng quan trọng, nó đảm bảo sự thống nhất khi làm việc nhóm, dễ dàng mở rộng, bảo trì source code. Với các bạn chưa có nhiều kinh nghiệm lập trình thì việc đặt tên thư mục, bố trí các cấp bậc folder là điều không dễ dàng; vì thế trong bài viết hôm nay, mình sẽ chia sẻ một vài kinh nghiệm về cách cấu trúc thư mục trong một dự án React để giúp bạn giải quyết vấn đề trên nhé. Cấu trúc 1: Nhóm theo loại file Đối với các dự án vừa và nhỏ, việc đơn giản nhất để bố trí các files vào folders là cách chia chúng theo loại file. Ví dụ như chúng ta có thể để chung các custom hooks vào 1 folder, các React components vào 1 folder khác, … Cách phân chia này tạo ra sự đơn giản và dễ dàng tìm kiếm file bạn cần; đương nhiê [...]

Read more
Top 10 plugin tốt nhất cho ReactJS cho lập trình viên

Top 10 plugin tốt nhất cho ReactJS cho lập trình viên

ReactJS là một thư viện JavaScript mã nguồn mở được phát triển bởi Facebook để tạo giao diện người dùng (UI) động và hiệu quả. Nó đã trở thành một trong những công nghệ phổ biến nhất trong việc phát triển các ứng dụng web hiện đại. Một trong những điểm mạnh chính của ReactJS là hệ thống plugin phong phú của nó. Các plugin này mở rộng khả năng của ReactJS bằng cách cung cấp các tính năng và chức năng bổ sung. Trong bài viết này, chúng ta sẽ khám phá 10 plugin tốt nhất cho ReactJS được các lập trình viên yêu thích hiện nay. ReactJS plugin là gì? Trước khi đi vào danh sách các plugin tốt nhất cho ReactJS, chúng ta cần hiểu rõ về khái niệm "plugin" trong ngữ cảnh của ReactJS. Theo định nghĩa, plugin là một phần mở rộng của mã nguồn mà có thể được tích hợp vào một ứng dụng hoặc framework để cung cấp các tính nă [...]

Read more