Forem

Ramu Narasinga profile picture

Ramu Narasinga

FOSS enthusiast who explores patterns in the Github wilderness.

Location York, England Joined Joined on  Personal website https://ramunarasinga.com github website
Use degit to download a template in your CLI tool.
Cover image for Use degit to download a template in your CLI tool.

Use degit to download a template in your CLI tool.

Comments
4 min read

Want to connect with Ramu Narasinga?

Create an account to connect with Ramu Narasinga. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
Supabase uses Valtio for its state management
Cover image for Supabase uses Valtio for its state management

Supabase uses Valtio for its state management

1
Comments
3 min read
Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.
Cover image for Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.

Comparing the copyToClipboard implementations in Shadcn-ui/ui and Codehike.

1
Comments
3 min read
Shimmer effect in Card when you load Supabase dashboard.
Cover image for Shimmer effect in Card when you load Supabase dashboard.

Shimmer effect in Card when you load Supabase dashboard.

Comments
2 min read
Function overload in TypeScript
Cover image for Function overload in TypeScript

Function overload in TypeScript

Comments
2 min read
Convert a string to camelCase using this function in Javascript.
Cover image for Convert a string to camelCase using this function in Javascript.

Convert a string to camelCase using this function in Javascript.

7
Comments 1
3 min read
Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.
Cover image for Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.

Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.

5
Comments 1
4 min read
Cache your fetcher in useSWR with useCallback.
Cover image for Cache your fetcher in useSWR with useCallback.

Cache your fetcher in useSWR with useCallback.

1
Comments
3 min read
Using a custom backend server with Next.js in a monorepo.
Cover image for Using a custom backend server with Next.js in a monorepo.

Using a custom backend server with Next.js in a monorepo.

Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1

Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.0
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.0

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.0

8
Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15

1
Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14

Comments
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.13
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.13

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.13

Comments
5 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.12
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.12

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.12

1
Comments
5 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.11
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.11

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.11

1
Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.10
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.10

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.10

1
Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.9
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.9

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.9

Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.8
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.8

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.8

Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.7
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.7

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.7

1
Comments
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.6
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.6

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.6

Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.5
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.5

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.5

4
Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.4
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.4

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.4

1
Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.3
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.3

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.3

Comments
4 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.2
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.2

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.2

Comments 2
6 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.1
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.1

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.1

1
Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.0
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.0

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.0

Comments
3 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.1
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.1

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.1

2
Comments
2 min read
shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.0
Cover image for shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.0

shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 1.0

2
Comments
3 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 5
Cover image for shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 5

shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 5

Comments
6 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 4
Cover image for shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 4

shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 4

1
Comments
6 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 3
Cover image for shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 3

shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 3

1
Comments
5 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 2
Cover image for shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 2

shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 2

1
Comments
6 min read
shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 1
Cover image for shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 1

shadcn-ui/ui codebase analysis: How is “Blocks” page built — Part 1

1
Comments
5 min read
shadcn-ui/ui codebase analysis: Tasks example explained.
Cover image for shadcn-ui/ui codebase analysis: Tasks example explained.

shadcn-ui/ui codebase analysis: Tasks example explained.

7
Comments
3 min read
shadcn-ui/ui codebase analysis: Cards example explained.
Cover image for shadcn-ui/ui codebase analysis: Cards example explained.

shadcn-ui/ui codebase analysis: Cards example explained.

Comments
3 min read
shadcn-ui/ui codebase analysis: Dashboard example explained.
Cover image for shadcn-ui/ui codebase analysis: Dashboard example explained.

shadcn-ui/ui codebase analysis: Dashboard example explained.

9
Comments
6 min read
shadcn-ui/ui codebase analysis: Mail example explained.
Cover image for shadcn-ui/ui codebase analysis: Mail example explained.

shadcn-ui/ui codebase analysis: Mail example explained.

1
Comments
4 min read
shadcn-ui/ui codebase analysis: examples route explained.
Cover image for shadcn-ui/ui codebase analysis: examples route explained.

shadcn-ui/ui codebase analysis: examples route explained.

1
Comments
4 min read
Shadcn-ui codebase analysis: site-footer.tsx explained.
Cover image for Shadcn-ui codebase analysis: site-footer.tsx explained.

Shadcn-ui codebase analysis: site-footer.tsx explained.

2
Comments
2 min read
Shadcn-ui codebase analysis: examples-nav.tsx explained
Cover image for Shadcn-ui codebase analysis: examples-nav.tsx explained

Shadcn-ui codebase analysis: examples-nav.tsx explained

3
Comments
3 min read
Shadcn/ui codebase analysis: site-header.tsx explained.
Cover image for Shadcn/ui codebase analysis: site-header.tsx explained.

Shadcn/ui codebase analysis: site-header.tsx explained.

3
Comments 1
4 min read
Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?
Cover image for Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?

Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?

5
Comments 2
3 min read
Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.
Cover image for Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.

Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.

4
Comments
5 min read
“Mail” example in shadcn-ui/ui manages state using Jotai.
Cover image for “Mail” example in shadcn-ui/ui manages state using Jotai.

“Mail” example in shadcn-ui/ui manages state using Jotai.

2
Comments
4 min read
app/(app) route group in shadcn-ui/ui
Cover image for app/(app) route group in shadcn-ui/ui

app/(app) route group in shadcn-ui/ui

Comments
3 min read
Mysterious /sink route in ui.shadcn.com
Cover image for Mysterious /sink route in ui.shadcn.com

Mysterious /sink route in ui.shadcn.com

Comments
2 min read
suppressHydrationWarning. What is it?

suppressHydrationWarning. What is it?

18
Comments
3 min read
Two ways I discovered to pass dynamic parameters in (arrow and non-arrow) function.
Cover image for Two ways I discovered to pass dynamic parameters in (arrow and non-arrow) function.

Two ways I discovered to pass dynamic parameters in (arrow and non-arrow) function.

Comments
3 min read
“cn” utility function in shadcn-ui/ui:
Cover image for “cn” utility function in shadcn-ui/ui:

“cn” utility function in shadcn-ui/ui:

30
Comments
3 min read
Find out how the Ora package is used to show a CLI spinner in shadcn-ui/ui source code.
Cover image for Find out how the Ora package is used to show a CLI spinner in shadcn-ui/ui source code.

Find out how the Ora package is used to show a CLI spinner in shadcn-ui/ui source code.

Comments
2 min read
getRegistryIndex() function in shadcn-ui/ui source code.
Cover image for getRegistryIndex() function in shadcn-ui/ui source code.

getRegistryIndex() function in shadcn-ui/ui source code.

Comments
2 min read
Monorepo architecture in shadcn-ui/ui.
Cover image for Monorepo architecture in shadcn-ui/ui.

Monorepo architecture in shadcn-ui/ui.

13
Comments 2
3 min read
How I fixed this Next.js error: Refused to load the script because it violate Content Security Policy directive
Cover image for How I fixed this Next.js error: Refused to load the script because it violate Content Security Policy directive

How I fixed this Next.js error: Refused to load the script because it violate Content Security Policy directive

10
Comments 2
4 min read
Best practices from open source: Use img.decode() in image-heavy applications
Cover image for Best practices from open source: Use img.decode() in image-heavy applications

Best practices from open source: Use img.decode() in image-heavy applications

2
Comments
5 min read
Tips from Open source: Use shadow DOM to avoid potential CSS breaks
Cover image for Tips from Open source: Use shadow DOM to avoid potential CSS breaks

Tips from Open source: Use shadow DOM to avoid potential CSS breaks

1
Comments
5 min read
Tips from open-source: How redirect in Next.js works under the hood
Cover image for Tips from open-source: How redirect in Next.js works under the hood

Tips from open-source: How redirect in Next.js works under the hood

Comments
5 min read
Tips from open-source: Generator function in Javascript.
Cover image for Tips from open-source: Generator function in Javascript.

Tips from open-source: Generator function in Javascript.

1
Comments 1
3 min read
Tips from open-source: Set a maximum time limit on fetch using Promise.race()
Cover image for Tips from open-source: Set a maximum time limit on fetch using Promise.race()

Tips from open-source: Set a maximum time limit on fetch using Promise.race()

1
Comments 1
4 min read
Tips from open-source: An Object with Map and Set.
Cover image for Tips from open-source: An Object with Map and Set.

Tips from open-source: An Object with Map and Set.

2
Comments
2 min read
loading...