Social AIOSocial AIO Blog

useCacheState.js - super tiny state-manament for React

· Social AIO Blog

Mình viết 1 custom hook dành cho ReactJS / React Native.

Có thể dùng để thay thế useContext / Redux / Recoil / Zustand / ... trên những project vừa và nhỏ.

Này do lúc code facebook all-in-one. Xài react-router-dom, mỗi khi chuyển tab chức năng (route) khác là màn hình cũ nó bị xoá (unmount), khiến mất hết dữ liệu (state). 😩

Khi bấm back lại thì màn hình về như ban đầu, giả sử vừa vào Tải hàng loạt crush, bấm qua bấm lại cái mất luôn crush, phải bấm tải lại, khá khó chịu. 🤔

Nên mình tìm cách viết hook, cache lại state, để trải nghiệm người dùng được tốt hơn.

Do tự viết nên có thể chưa tối ưu, mọi người có ý tưởng hoặc issue gì cứ bình luận nha 🥹

The hook: https://j2c.cc/useCacheState-react-hook

#ufs_share

useCacheState.js - super tiny state-manament for React – hình 1
useCacheState.js - super tiny state-manament for React – hình 2