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