It's been a pretty busy two weeks, and there have been many great posts. Angular 19 is out with improved SSR, Hydration, Signals, and more. There have also been a few articles about Next.js, as well as thoughts on the future of frameworks, bitwise shifts, and some CSS magic.
I already mentioned this great source in Issue Nr. 71, but they keep updating, and now you have more frameworks with the latest versions, too! Amazing resource.
Angular 19 has loads of updates. Some of those are enhanced SSR and Hydration, improved reactivity with Signals, Hot Module Replacement, performance optimisation and more
https://blog.angular.dev/meet-angular-v19-7b29dfd05b84
https://survey.devographics.com/en-US/survey/state-of-js/2024
This nice step-by-step tutorial shows how to create search param filtering from scratch, then utilise React 19 features like useOptimistic() , and finally switch to the library Nuqs.
https://aurorascharff.no/posts/managing-advanced-search-param-filtering-next-app-router
foo.bar = foo.bar ?? ‘ups’
New way (from ES2021)
foo.bar ??= 'ups'
https://www.trevorlasn.com/blog/javascript-nullish-coalescing-assignment-operator
Ah, in the moment when it became an interesting observation, the author ended the post with an open question.
https://paul.kinlan.me/will-we-care-about-frameworks-in-the-future/
It finally clicked for me. This is a really good post if you want to figure out why something like this 5 << 1 produces 10
https://www.trevorlasn.com/blog/bitwise-shifts-in-javascript
https://devblogs.microsoft.com/typescript/announcing-typescript-5-7-rc
Great story on the very unique bug and how the team figured out the issue.
This is a step-by-step guide from someone who scaled Next.js for 100K active users and landing pages with millions of monthly visitors.
https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production
Certainly looks interesting!
https://payloadcms.com/blog/payload-30-the-first-cms-that-installs-directly-into-any-nextjs-app
Dependency-free, lightweight carousel and slider
The text has a whitespace, which can be trimmed. This feature is currently available only in Safari but will soon be available in Chrome and Firefox. The magic properties are text-box-trim and text-box-edge. More is in the post below.
https://fullystacked.net/centering-things/
https://codepen.io/schwiiiii/pen/MWNqrMv
Simple card with animated inside glow
https://codepen.io/thebabydino/pen/WNVPdJg
https://www.nngroup.com/articles/alt-text-usability/
Comment on Bsky