🌞

# thu-thuat

Sử dụng React-Query để fetch data
Một giải pháp để chúng ta có thể đơn giản hóa việc lưu trữ dữ liệu từ server và inject vào trong component dễ dàng
Intersection Observer API
Làm sao để chạy một hàm khi element bắt đầu xuất hiện trên màn hình?
Hướng dẫn kỹ thuật FLIP animation với React
Nếu bạn là người làm animation có tâm, bạn không muốn animation làm ảnh hưởng đến tốc độ của ứng dụng, bạn cần biết đến FLIP animation
Hướng dẫn sử dụng useMemo trong React
Nếu bạn thấy app của mình bắt đầu chậm, đó là lúc bạn nên bắt đầu cân nhắc các phương pháp để tối ưu tốc độ và đọc bài viết này.
Định dạng số trong JavaScript
Cùng nghiên cứu xem Javascript hổ trợ sẵn những hàm nào để định dạng kiểu số trước khi nghĩ đến một thư viện thứ 3
Thêm kiểm tra type trong Javascript với VS Code
Bạn thấy rằng JavaScript đã đủ xài trong dự án, bạn không ưa thằng TypeScript và bạn đang sử dụng VS Code. Bài viết này là dành cho bạn rồi.
Sử dụng ellipsis text với flexbox
Câu chuyển cắt chuỗi khi quá dài bằng CSS, trong tình huống sau, cái tên file của bạn quá dài, nhưng bạn không muốn cắt ở cuối chuỗi, mà cắt ở giữa để vẫn thấy được file extension
Nên dùng gì thay cho input number
Ngoài input type number, còn những giá trị gì bạn nên cân nhắc sử dụng
Thủ thuật sử dụng đơn vị viewport trên mobile
Để có thể quản lý được state của ứng dụng một cách tốt nhất, chúng ta cần sự phân chia phù hợp giữa local state (internal state của component) và state cửa ứng dụng đặt trong React Context. Một vài điều muốn chia sẽ để nâng cao khả năng bảo trì và trải nghiệm nếu sử dụng đến context trong React.
Sử dụng React Context như thế nào cho hiệu quả
Để có thể quản lý được state của ứng dụng một cách tốt nhất, chúng ta cần sự phân chia phù hợp giữa local state (internal state của component) và state cửa ứng dụng đặt trong React Context. Một vài điều muốn chia sẽ để nâng cao khả năng bảo trì và trải nghiệm nếu sử dụng đến context trong React.
5 kinh nghiệm khi viết arrow function
Sử dụng arrow function đã quá phổ biến, ai cũng biết nó là gì, không cần một bài giới thiệu vài dòng nữa, bài viết này chia sẻ 5 kinh nghiệm để bạn làm việc với arrow function thêm mượt mà
Clean Code
Thiết đặt ESLint cho dự án React
Các thiết đặt và công cụ cần thiết để eslint hoạt động tốt trong dự án React
Tùy biến code theo tốc độ mạng
Responsive với CSS chúng ta tùy biến code bằng @media, vậy với JS, ta thêm các điều kiện theo tốc độ mạng bằng cách nào?
Luu Binh An

VuiLapTrinh

Đời cho ta quá nhiều thứ, ta chưa cho đời được nhiều