Our great sponsors
|7 days ago||7 days ago|
|MIT License||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.
A detailed guide on how to implement Server-side Rendering (SSR) in a NextJs Application
3 projects | dev.to | 29 Mar 2023
Setup ReactJs + TS + Styled-Componets + Redux
3 projects | dev.to | 27 Mar 2023
In this blog tutorial, we will see how we can setup a ReactJs project with Typescript, styled-components and redux toolkit.
Is there a plugin that abstracts registering web components with React?
3 projects | reddit.com/r/reactjs | 24 Mar 2023
React has stated that this will be supported in the future. However that issue is old enough to be in kindergarten. So I'm looking for a nice easy abstraction in the meantime.
React: You Might Not Need an Effect
3 projects | news.ycombinator.com | 23 Mar 2023
A bare closure would always see the latest values because it closes over them during render. And the latest useEffect closure will have closed over that method..
Here is the test suite for useEffectEvent and the test ensuring it does not provide a stable reference: https://github.com/facebook/react/blob/main/packages/react-r...3 projects | news.ycombinator.com | 23 Mar 2023
And then a wild 'exhaustive-deps' appears!
React/Python Serverless B2B Starter App with Chalice
4 projects | dev.to | 19 Mar 2023
React.js - for our frontend
Everything You Need to Know About the Updated React Docs
4 projects | dev.to | 17 Mar 2023
The now-legacy documentation could originally be found at reactjs.org; this now redirects to the brand-new react.dev domain. When the new docs were still in beta, they were hosted at beta.reactjs.org, which now also redirects to react.dev. The original documentation can still be found, for those who need it, at legacy.reactjs.org. This was done to make a fresh start and clear separation between the current vs. legacy documentation.
21 projects | news.ycombinator.com | 16 Mar 2023
I find this to be a very nice high-level explanation: https://medium.com/@ryardley/react-hooks-not-magic-just-arra...
In reality we use a linked list rather than an array. If you wanna dive into the code, I can give some pointers. For example, useState is implemented like this during first render (https://github.com/facebook/react/blob/87c803d1dad7e5fe88634...) and like this during next renders (https://github.com/facebook/react/blob/87c803d1dad7e5fe88634...).
However, _conceptually_ I'd recommend to think of Hook return values similar to "extra inputs" to your function, kind of like extra arguments. There are different ways to formalize it in different languages. We picked plain function calls for simplicity and low overhead, although you could imagine `yield` with generators or something like that.21 projects | news.ycombinator.com | 16 Mar 2023
Unbelievable that they’ve gone ahead launching this, going all in on hooks, while the fundamental problem with them, which was raised in 2018 is still unsolved: https://github.com/facebook/react/issues/14099
And they just handwave it away in the docs with an imaginary future API. Embarrassing.
Starting a personal hobby project, could use some advice on the techstack
7 projects | reddit.com/r/learnprogramming | 13 Mar 2023
Torn between NextJS or Node/Express
6 projects | reddit.com/r/webdev | 20 Mar 2023
There's already qwik, that does SSR and then converts the rest of the app into lazily loaded event handlers.
[Sveltejs] Comparaison Qwik.js et Million.js ?
2 projects | reddit.com/r/enfrancais | 4 Mar 2023
How To Embed Tweets Without a Performance Penalty
4 projects | dev.to | 2 Mar 2023
9 projects | news.ycombinator.com | 16 Feb 2023
They have different trade-offs sure, where bundling typically creates large opaque blobs of JS used by the entire SPA resulting in large initial download & parsing/execution time which is why it's preferable to only download & execute code needed which is easy to achieve with cohesive modules.
The opposite of large JS bundles is a framework like Qwik  which achieves perfect PageSpeed scores by downloading the least JS possible, both initially and then at runtime by only downloading the JS needed per interaction, resulting in very small downloads over a lot more requests.
Which one is preferable for web applications today?
2 projects | reddit.com/r/Frontend | 10 Feb 2023
An example of a framework that uses Hydration is NextJS and one that uses resumability is used by frameworks like Qwik
Optimal Images in HTML
2 projects | dev.to | 26 Jan 2023
These days, you almost never need write all of that above crazy stuff by hand. Frameworks like NextJS and Qwik, as well as platforms like Cloudinary and Builder.io, provide image components that make this easy, and look instead like the below:
3 projects | news.ycombinator.com | 24 Jan 2023
Maintain / improve website performance with Lighthouse and Auditio
3 projects | dev.to | 19 Jan 2023
When you look at the current web ecosystem, you'll see players like Deno, Bun, Qwik all pushing the frontier on performance in their own domain.
Was passiert in eurer Bubble?
6 projects | reddit.com/r/de | 11 Jan 2023
Server side rendering is now good idea?
6 projects | news.ycombinator.com | 6 Jan 2023
Others worth a look:
- Qwik: code is very similar to React, only the interactive parts are sent to the browser, and they only execute on demand (eg when you interact with the thing)
- Astro: probably the most popular “islands” framework, lets you bring your own interactive framework
- SolidStart: doesn’t mention in the docs yet for some reason, but also supports “islands” in SolidJS, which is also one of the fastest client frameworks and also will feel familiar coming from React
What are some alternatives?
astro - The all-in-one web framework designed for speed. ⭐️ Star to support our work!
Svelte - Cybernetically enhanced web apps
Next.js - The React Framework
vue-lazy-hydration - Lazy Hydration of Server-Side Rendered Vue.js Components
Angular - The modern web developer’s platform
SvelteKit - web development, streamlined
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.