react.dev React Labs: View Transitions, Activity, and more – React
The library for web and native user interfaces
Members
1,104
Posts
57
Active Today
1
Created
2 yr. ago
-
React @programming.dev Nemeski @lemm.ee React 19.1.0 released
github.com Release 19.1.0 (March 28, 2025) · facebook/reactOwner Stack An Owner Stack is a string representing the components that are directly responsible for rendering a particular component. You can log Owner Stacks when debugging or use Owner Stacks to...
-
React @programming.dev zamithal @programming.dev Count child elements HOC
I'm looking to write an HOC that counts and prints to the console the number of
<h1/>
elements in the wrapped component. For example:undefined
const Foo: FC<{}> = ({}) => { return ( <div> <h1>Foo</h1> <p>Bar</p> </div> ) } export default countH1(Foo)this should print 1 and then return Foo as is for rendering.
undefined
React.Children.forEach(child => {...})seems to be about the explicit children property and not descendant html elements. How can I achieve this?
-
React @programming.dev lemmeBe @sh.itjust.works For vanilla-extract CSS users: A new ESLint plugin that sorts your CSS properties (alphabetical/concentric/custom)
github.com GitHub - antebudimir/eslint-plugin-vanilla-extract: An ESLint plugin for enforcing best practices in vanilla-extract CSS styles, including CSS property ordering and additional linting rules. Available presets are for alphabetical and concentric CSS ordering. The plugin also supports a custom group ordering option based on groups available in concentric CSS.An ESLint plugin for enforcing best practices in vanilla-extract CSS styles, including CSS property ordering and additional linting rules. Available presets are for alphabetical and concentric CSS ...
First off, I've been loving vanilla-extract for the past 10 months. 😊
The only thing I really missed was the ability to sort CSS properties. Since there wasn't an ESLint plugin for that, I decided to create my own.
@antebudimir/eslint-plugin-vanilla-extract offers CSS property ordering (alphabetical, concentric, and custom), auto-fix capabilities, and supports multiple Vanilla Extract APIs.
If anyone wants to give it a shot, you can find more details in the readme. Looking forward to hearing your feedback.
-
React @programming.dev erayerdin @programming.dev github.com Sidebar breaks Vite React PostCSS · shadcn-ui ui · Discussion #5862I have a Vite+React+Typescript project where I wast trying to follow the instructions on how to install sidebar. It automatically added some styles to my index.css file. Now, the content pretty muc...
-
React @programming.dev Nemeski @lemm.ee Chakra UI: Announcing v3
www.chakra-ui.com Announcing v3 | Chakra UIToday, we're excited to announce the release of Chakra UI v3.0
-
React @programming.dev cosmicbytes @programming.dev Reactivity and Reactive Programming
cosmicbyt.es Reactivity and Reactive ProgrammingNearly all modern browser UI frameworks boast Reactivity as a core feature. What is Reactivity all about? Is it useful or applicable outside of frontend development? what is the hype all about anyways?
Hi all,
This is my first time posting my blog, I hope you enjoy it!
-
React @programming.dev Nemeski @lemm.ee Material UI v6 is out now 🎉
mui.com Material UI v6 is out now 🎉 - MUIMaterial UI v6 is now stable. It comes with new features, improvements, and an experimental integration for static CSS extraction.
-
React @programming.dev gecloslatitude @lemmy.world I built an AI-powered quiz app with Next.js and OpenAI
dev.to Building an AI-powered quiz application with Next.js and OpenAI🧙✨In this tutorial, you'll learn how to build an AI-powered quiz application that enables users to...
-
React @programming.dev BlackEco @lemmy.blackeco.com State of React 2023 survey results
2023.stateofreact.com State of React 2023The 2023 edition of the annual survey about the latest trends in the React ecosystem.
-
React @programming.dev BlackEco @lemmy.blackeco.com 
axel.leroy.sh An ESLint rule to require the sizes attribute for Next.js’s <Image>I wrote an ESLint rule to prevent me from forgetting to set the sizes attribute on <Image>s, which results in bigger than required images to be sent to users.
The article mentions Next.js but it also applies to vanilla React as the
sizesattribute is useful even outside Next's<Image>component. -
React @programming.dev gecloslatitude @lemmy.world Latitude: The open-source analytics layer between your database and your users
dev.to Latitude: The missing analytics layer between your database and your users 🤝🏽What is Latitude? Latitude is the open-source framework for embedded analytics. Create...
-
React @programming.dev csansoon @lemmy.world How I built a server-side cache with ExpressJS & React
dev.to How I keep my ExpressJS & React apps fast with server-side cachingTL;DR In this tutorial, you’ll learn how to implement server-side caching to ensure your...
Hi there,
I have written an article on implementing server-side caching that ensures your app stays fast as you scale.
I’ve used ExpressJS for the API server, and React for the frontend.
Hope this helps someone!
