ramunarasinga.hashnode.devUse degit to download a template in your CLI tool.I found a file named “degit” in the Remotion source code. Remotion helps you make videos programatically. In this article, we will look at the following concepts: What is Degit? Build a simple degit function inspired by Remotion’s degit file Wha...Aug 16, 2024·4 min read
ramunarasinga.hashnode.devSupabase uses Valtio for its state managementAs I was reading the Supabase source code for “fun”, I came across a package named Valtio. I visited Valtio repository and found this in the description: 💊 Valtio makes proxy-state simple for React and Vanilla In this article, we will look at: Pr...Aug 9, 2024·3 min read
ramunarasinga.hashnode.devComparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.In this article, we will compare the Copy button code between Shadcn-ui/ui and Codehike. copyToClipboard in Shadcn-ui/ui The code snippet below is picked from shadcn-ui source code. export async function copyToClipboardWithMeta(value: string, event?:...Aug 7, 2024·2 min read
ramunarasinga.hashnode.devShimmer effect in Card when you load Supabase dashboard.When loading a dashboard, especially one as feature-rich as Supabase’s, it’s essential to provide visual feedback to users indicating that content is being loaded. A popular and visually appealing way to achieve this is by using a shimmer effect. Thi...Aug 5, 2024·2 min read
ramunarasinga.hashnode.devFunction overload in TypeScriptWhen working with TypeScript, you may encounter situations where a function needs to handle different types of input while maintaining type safety. This is where function overloading comes into play. Let’s look at a practical example of function over...Aug 1, 2024·2 min read