Leo's dev blog – stories, insights, and ideas react tagged contenthttps://www.leohuynh.deven-ushttps://www.leohuynh.dev/log/blurry-loading-effect-for-shopify-hydrogen-imageshttps://www.leohuynh.dev/log/blurry-loading-effect-for-shopify-hydrogen-imagesLearn how to create a beautiful blurry loading effect for images in Shopify Hydrogen that enhances user experience while images load.Wed, 09 Jul 2025 00:00:00 GMTshopifyhydrogenreacttypescriptimage-optimizationui-uxhttps://www.leohuynh.dev/gists/use-asynchttps://www.leohuynh.dev/gists/use-asyncBuild a custom React hook to use asynchronous effects inside functional components.Tue, 22 Feb 2022 00:00:00 GMTreacthooksasynceffecthttps://www.leohuynh.dev/gists/sync-react-component-state-with-local-storagehttps://www.leohuynh.dev/gists/sync-react-component-state-with-local-storageUtilize a custom hook that syncs state with local storage, allowing for persistent state between sessions.Fri, 27 Aug 2021 00:00:00 GMTreactstatehookslocal-storagehttps://www.leohuynh.dev/log/integrate-tailwind-css-with-react-applicationhttps://www.leohuynh.dev/log/integrate-tailwind-css-with-react-applicationTailwind CSS is a low-level CSS framework that’s highly customizable. Unlike other frameworks that focus on pre-designed components like buttons, cards, or modals, which are easy to start with but hard to customize later, Tailwind lets you build your own designs from scratch using utility classes...Mon, 31 Aug 2020 00:00:00 GMTtailwind-cssreactpostcssintegration