Alfonsus Ardani's Avatar

Alfonsus Ardani

@alfonsus

Product Designer / Engineer | Gamer

20
Followers
18
Following
25
Posts
01.12.2023
Joined
Posts Following

Latest posts by Alfonsus Ardani @alfonsus

Post image

React RSC + Suspense Data Fetching Flow
This diagram shows a simple setup of data fetching done in both the server and the client in Next.js.

Naming components would still be a challenge though...
#nextjs #react19 #rsc #webdev

01.04.2025 13:02 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

`npx check-site-meta`.
Local-first metadata checker for developers.

- Check Link Preview without online connection
- Avoid Caching & CORS Issue
- Check OGp, Twitter, Icons and more

More feature coming soon!
#webdev #react #nextjs #metadata #seo

01.04.2025 06:09 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Video thumbnail

Array animation + exit animation WIP

23.12.2024 14:57 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

LAVA is committed into bringing you educational material in an inconsistent manner. Follow for more.

20.12.2024 12:58 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

loving this color palette

20.12.2024 10:11 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

I got distracted aylmaoo

20.12.2024 08:06 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

I'm making dishook.alfon.dev!
(Kept forgetting to cross post from X)

20.12.2024 07:13 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

This takes a long time to learn and implement from scartch and get it right ๐Ÿ˜ญ
Inspired by @joshwcomeau.com's FLIP animation

20.12.2024 07:12 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Video thumbnail

Handling Async Race Condition in React using AbortController
#React

06.12.2024 10:50 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Video thumbnail

Creating a Dialog with React using the dialog element.
#React

06.12.2024 10:48 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

You can also do this

04.12.2024 11:23 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Advent of UI A UI challenge for the holiday season

Just wanted to create a small event for this christmas that I hope it would be fun for some of you.

advent-of-ui.vercel.app
github.com/alfonsusac/a...

#webdev #css #html #figma #design #ui

02.12.2024 07:08 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Iam

27.11.2024 00:55 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Making a block breaking game with React? \s

26.11.2024 01:15 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Then imo it should be

GitHub(
fetcher: (req: Request) => Promise<Response>,
clientId,
clientSecret
)

instead of passing an object for the first parameter

23.11.2024 15:39 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

I think the fetch API is pretty standard and justify not having to dep inject the fetch everytime. But it is still a great DX to have it override the built in fetcher.

interface options: {
fetch?(request: Request): Promise<Response>
}
const gitHub = new GitHub(clientId, clientSecret, { fetch })

23.11.2024 12:33 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

How proxied auth works

#webdev

23.11.2024 10:43 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

They are not that hard if you think about it

23.11.2024 10:26 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

A new CSS logo proposal has been accepted to bring out a newer and more consistent logo for the web technology family.

The new logo incorporates the `rebeccapurple` color, a shade beloved by Rebecca Meyer, the late daughter of web standards advocate Eric Meyer.

#css #html #web

19.11.2024 13:16 ๐Ÿ‘ 6 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Have a nice weekend

09.11.2024 02:05 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Man I agree with the EffectTS people, the error typing in TS is bad ๐Ÿ˜ฆ

06.11.2024 01:23 ๐Ÿ‘ 1 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

Why does the return of X is not infered in A? ๐Ÿค”
#typescript #help

06.11.2024 00:56 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Why does it takes some time to load the BSky web page?

06.11.2024 00:28 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

I really wanted to know what it takes to build an auth library. (even if its pointless)

06.11.2024 00:27 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

This is such a neat idea
sendthesong.xyz

05.11.2024 13:14 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

has anyone made a bluesky post RSC yet

05.11.2024 01:23 ๐Ÿ‘ 45 ๐Ÿ” 1 ๐Ÿ’ฌ 10 ๐Ÿ“Œ 2