Alfonsus Ardani

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

`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

Array animation + exit animation WIP

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

loving this color palette

I got distracted aylmaoo

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

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

Handling Async Race Condition in React using AbortController
#React

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

You can also do this

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

Iam

Making a block breaking game with React? \s

Then imo it should be

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

instead of passing an object for the first parameter

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 })

How proxied auth works

#webdev

They are not that hard if you think about it

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

Have a nice weekend

Man I agree with the EffectTS people, the error typing in TS is bad 😦

Why does the return of X is not infered in A? 🤔
#typescript #help

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

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

This is such a neat idea
sendthesong.xyz

has anyone made a bluesky post RSC yet