react-18
reactjs.org
react-18 | reactjs.org | |
---|---|---|
139 | 69 | |
5,173 | 9,124 | |
0.0% | - | |
0.0 | 9.8 | |
almost 3 years ago | about 1 year ago | |
TypeScript | ||
- | Creative Commons Attribution 4.0 |
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.
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
reactjs.org
-
New React docs pretend SPAs don't exist anymore
yes, he advocated for Vite in his pr: https://github.com/reactjs/reactjs.org/pull/5487
-
Everything You Need to Know About the Updated React Docs
There have been several calls recently to remove the CRA recommendation, perhaps most notably from popular Twitter use and YouTuber Theo (t3.gg) whose pull request on the reactjs project recommending the replacement of CRA with Vite went viral on Twitter. This sparked heated criticism of CRA, including its perceived lack of features (such as native support for TypeScript or popular CSS library Tailwind), size, performance, and more.
-
Introducing react.dev: the new React docs site!
It’s built on Next with tailwind. Check out the beta directory here: https://github.com/reactjs/reactjs.org
-
React.dev
Not Docusaurus, but the source is here:
https://github.com/reactjs/reactjs.org (currently in the "beta" directory)
-
Setup React and Tailwind - The Easy Way
This came up a couple of weeks ago due to a PR opened on the CRA repo asking to kinda deprecate it as the main choice for new React projects. I couldn't help but share my opinion on this as well:
- Proposal to replace create-react-app
- Replace Create React App Recommendation with Vite by T3dotgg · Pull Request
-
Dan Abramov's Response on History and Future of CRA
https://github.com/reactjs/reactjs.org/pull/5487#issuecommen...
I remember submitting the full link. Dunno why it was edited
-
Dan Abramov discusses create-react-app's future
More specifically, the comment: https://github.com/reactjs/reactjs.org/pull/5487#issuecommen...
- Dan Abramov: extensive response on the history and future of Create React App
What are some alternatives?
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
react - Cheatsheets for experienced React developers getting started with TypeScript
htmx - </> htmx - high power tools for HTML
rabbitmq-website - RabbitMQ website
petite-vue - 6kb subset of Vue optimized for progressive enhancement
React - The library for web and native user interfaces.
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]
snapcraft.io - The official website's repository for the Snap store
control-flag - A system to flag anomalous source code expressions by learning typical expressions from training data
zustand - 🐻 Bear necessities for state management in React