Code snippet that loads the Inter font in a Next.js project using the "next/font/google" package.
Ouch. Took me a while to realize why @nextjs.org was loading the Inter static font instead of the variable one. Turns out it loads the static font if you don't specify `axes: ['opsz']`
AFAIK this is not documented.
nextjs.org/docs/app/api...
Hey @en-js.bsky.social @storyhb.com, from 1 to 10, how much of a bad idea is to ship a React (19) component library using inline `<style>` tags in components to have automatic CSS loading/code-splitting? Accepting the JS bundle size increase trade-off.
(kinda like restyle.dev, but homemade)
Take into account that @base-ui.com is unstyled. Think of it as a Radix primitives replacement.
Radix is dead, long live the Rad... @base-ui.com! 🎉
Design system creators, this is a must-explore library of React UI components. There is a lot of built-in functionality and interesting API design choices.
A few examples in a thread 🧵
This Week In React 214
Read/Subscribe:
thisweekinreact.com/newsletter/214
⚛️
- Base UI
- Custom Elements
- Next.js
- TanStack
- React Router
- Apollo
- Inertia
- Virtua
- MUI
- RoadmapUI
- Remotion
📱
- AndroidXR
- iOS targets
- Nitro
- Drag Select
- Volume Manager
- RNTL
- APNS
- brownfield
Everyone is asking about the differences between Radix and Base UI, which is an upcoming headless UI library we’ve been working on.
Looks fantastic.
I’m super curious about how much custom CSS (if any) was needed to support this effort.
@vladmoroz.bsky.social