Leo's dev blog – stories, insights, and ideas typescript 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/parse-function-from-stringhttps://www.leohuynh.dev/gists/parse-function-from-stringSafely send JavaScript functions from your server to your client by serializing them as strings, then parsing them back into callable functions on the client side.Fri, 13 Jun 2025 00:00:00 GMTtypescriptparsingfunctiondeserializationhttps://www.leohuynh.dev/gists/relative-time-ago-parsinghttps://www.leohuynh.dev/gists/relative-time-ago-parsingA simple utility function to parse relative time-ago into human-readable format.Tue, 11 Mar 2025 00:00:00 GMTtypescripttimedaterelative-time-agohttps://www.leohuynh.dev/gists/casing-utilshttps://www.leohuynh.dev/gists/casing-utilsA various ready-to-use string casing utilities in Typescript.Tue, 21 Feb 2023 00:00:00 GMTjavascripttypescriptstringcasingutilitieshttps://www.leohuynh.dev/gists/color-validatorhttps://www.leohuynh.dev/gists/color-validatorValidate strings to ensure they represent valid colors in various formats (hex, RGB, and named colors).Tue, 12 Oct 2021 00:00:00 GMTtypescriptcolorvalidatorhttps://www.leohuynh.dev/log/set-up-path-aliases-in-nodejshttps://www.leohuynh.dev/log/set-up-path-aliases-in-nodejsTired of dealing with complex file paths in your Node.js project? Learn how to set up module aliases using TypeScript and module-alias package to simplify your imports and improve your development experience.Thu, 27 Aug 2020 00:00:00 GMTnodejstypescriptjavascriptaliaspath-aliasestsconfig