tw-classed
react-18
Our great sponsors
tw-classed | react-18 | |
---|---|---|
8 | 139 | |
505 | 5,173 | |
- | 0.2% | |
8.3 | 0.0 | |
3 months ago | almost 3 years ago | |
TypeScript | ||
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
tw-classed
-
I wrote a library to create reusable Tailwind components in React & Vanilla JS
TW Classed makes it super simple to create re-usable Tailwind components in both React and other frameworks. It ships with a React-specific library and a framework-agnostic core library. It takes a lot of ideas from Stitches.js and has most of the same functions (but with classes instead).
- Show HN: TW-Classed – Tailwind with the DX of CSS in JavaScript – TwClassed
-
TW Classed - Make reusable Tailwind components
All this and more features like defaultVariants, compoundVariants, advanced class name merging, Tailwind Extension support and a framework agnostic library is available in the Documentation
-
[AskJS] JavaScript Libraries
https://tw-classed.vercel.app/ lets you write reusable React components whose classes are toggled by props. It comes with full type safety, a framework agnostic core lib and is only 1kb.
-
What working with Tailwind CSS every day for 2 years looks like
interesting take! I started using tailwind with the classnames library early on and found it to be a really nice fit for my purposes. Also very interested in more tailwind-specific tools like tw-classed[1]
[1]: https://tw-classed.vercel.app/
-
Why Tailwindcss over styled-components?
TwClassed - Write Reusable Tailwind components
-
Im merging css-in-js and Tailwind
Here is the GitHub
react-18
-
Simulate global state tradeoffs in React concurrent mode
If you aren't sure why state tearing was a hot topic a few years ago, when React's concurrent mode was first discussed, this github discussion should help: https://github.com/reactwg/react-18/discussions/69.
Tanner Linsley had a great post on twitter that suggested that concurrent rendering was fundamentally at odds with fine-grained reactivity, so to better understand what he was talking about I decided to write this demo.
- A modest request: How do you fetch data in React 18+ WITHOUT a third party dependency?
-
The Sisyphean Quest for Web Performance
Image Source: https://github.com/reactwg/react-18/discussions/37
-
useAsyncState in react, no more unnecessary useEffects.
But it does since React 18.
-
Function props
See this post for more details and an example of an actual memory leak.
-
ELI5, why is ReactDOM.createRoot an improvement over ReactDOM.render?
From the React WG:
- I know my component is re-rendering because a console.log I put in the component is logging in the console. However when I use the inspector to see why it re-rendered, its saying that it didnt re-render. How is this possible?
- Timeout in event handler
-
The current state of CSS-in-JS + React
The React working group is officially advising against using runtime CSS-in-JS.
- Warning abt setting state of unmounted component
What are some alternatives?
pechkin - Asynchronous Node.js file upload (multipart/form-data) handling.
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
axios-cache-interceptor - 📬 Small and efficient cache interceptor for axios. Etag, Cache-Control, TTL, HTTP headers and more!
htmx - </> htmx - high power tools for HTML
open-props - CSS custom properties to help accelerate adaptive and consistent design.
petite-vue - 6kb subset of Vue optimized for progressive enhancement
conclure - ConclureJS
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
React - The library for web and native user interfaces.
classnames - A simple javascript utility for conditionally joining classNames together
zustand - 🐻 Bear necessities for state management in React