Tối ưu hình ảnh cực sâu

Bài sâu nhất mình từng đọc về tối ưu! Focus vào 3 vấn đề chính là LCP, CLS, và FID. Là 1 FE dev, nếu muốn trang web business trở nên đỉnh cao thì không thể bỏ qua!

how-to-optimize-images-for-web-1 - motbit — Tối ưu hình ảnh cực sâu

https://www.smashingmagazine.com/2021/04/humble-img-element-core-web-vitals/

Ứng dụng chat bằng ReactJs và GraphQL

Bạn này mới học code web trong 4 tháng! Đã tạo ra được 1 app chát rất đẹp, nhìn khá same messenger! Ae newbie vào học hỏi nhé!

https://dev.to/aouahib/i-built-a-chat-app-using-react-and-graphql-1ejm

WindiCSS với attributify mode

Nó tương tự concept của ChakraUI, việc bạn tách ra dùng ở attribute base sẽ giúp code readable và maintainable hơn rất nhiều! Trải nghiệm ngay!

https://github.com/windicss/vite-plugin-windicss

Bộ collection Icons hàng tuyển

Meet THE ICONIC — App Icon Compendium | by Thalion | Prototypr

Đồ chơi dành cho FE Dev, bạn có thể download hoặc copy SVG attributes về và dùng là xong! Icons còn là hàng chất lượng cao nữa

https://iconic.app

Sử dụng useReducer gọi APIs tốt hơn

Theo quan điểm tác giả, nếu không dùng libs như SWR hoặc React Query, thì cách hợp lý nhất để call API là dùng useReducer hook . Ý kiến AE ntn?

Tự học ReactJS: Sử dụng useReducer - Thau Nguyen

https://dev.to/ms_yogii/usereducer-instead-of-usestate-while-calling-apis-3e1l

Tối ưu hóa trang web với hình ảnh