Search your

ReactJS
All
Companies

Company information

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
Tại sao Vue.js được nhiều frontend developer lựa chọn?

Tại sao Vue.js được nhiều frontend developer lựa chọn?

Bài viết được sự cho phép bởi tác giả Sơn Dương Theo khảo sát State of JavaScript, Vue.js là một front-end framework được nhiều người tìm hiểu nhất. Trong bài viết này, chúng ta cùng tìm hiểu lý do tại sao chọn Vue.JS. Đồng thời, mình cũng sẽ hướng dẫn các bạn cách xây dựng một ứng dụng đơn giản với Vue.js Một JavaScript framework tuyệt vời Như bạn đã biết, Javascript đã có tuổi đời hơn 10 năm, không quá trẻ nhưng cũng không phải là lâu đời nếu so với các ông già gân như Java, C#. Cộng đồng người sử dụng Javascript ngày càng lớn mạnh, do đó mà số lượng JS framework mới ra mắt rất nhiều. Nổi bật nhất trong số đó là React, Vue, Angular và tân binh svelteJS. Bài viết này mình sẽ không so sánh để chọn ra một JS framework tốt nhất, các bạn có thể xem lại bài viết này của mình: React [...]

Read more
Fix lỗi Force layout, reflow ảnh hưởng tới performance Frontend

Fix lỗi Force layout, reflow ảnh hưởng tới performance Frontend

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? Tìm hiểu xem Force Layout, reflow là gì? Cách khắc phục, work around Force layout Force layout/reflow là mỗi point ảnh hưởng cực lớn tới performance của website (Đặc biệt là mấy trang web phức tạp), mà nguyên nhân tạo ra nó mình thấy khá là… chí mạng. Vài dòng code cơ bản thôi mà lại khiến hậu quả lớn đến vậy!? Như ví dụ trên hình trên là kết quả Performance check của CoinMarketCap, thời gian Hydrate là 1.03s, và trong đó, task force layout/reflow đã chiếm đâu đó khoảng 0.2s rồi (Tức là 20%) Sau khi tìm hiểu rồi debug các kiểu thì mình nhận ra là issue này xuất phát từ một dòng lệch cực kì xàm if (window.innerWidth < MOBILE_SIZE) { Vậy cụ thể lỗi trên là như nào? Những lỗi trên gọi là Layout Thrashing Layout Thrashing means: Forcing the browser to calculate a layout that is never rendered to the screen. Hiểu cơ bản [...]

Read more