This year I started a new series on LinkedIn - "Advanced Links for Frontend". Each issue has 10 links to outstanding posts / articles. This bundle contains the links from the last 5 issues (issue 51 to issue 55).
I hope you enjoy this collection. Let me know in the comments which of these articles is your favorite (and why).
Issue 51
Fixing a Bug in Google Chrome as a First-Time Contributor (https://cprimozic.net/blog/fixing-a-bug-in-google-chrome/) by Casey Primozic
The last time I had a look at the Chromium codebase was years ago - and it is massive. So much respect to the author for getting in there!
The Only Widely Recognized JavaScript Feature Ever Deprecated (https://www.trevorlasn.com/blog/the-only-javascript-feature-that-was-deprecated/) by Trevor Indrek Lasn
I am happy to say that I don't miss "with". I actually only used it once; and even though it made sense for in that case, there would have been other options.
React Email 3.0 (https://resend.com/blog/react-email-3) by Gabriel Miranda
Fantastic changes, superb release!
Implementing React From Scratch (https://www.rob.directory/blog/react-from-scratch) by Robby Pruzan
Been there, done that. As usual, coming up with something that works is not hard - coming up with something that works as good as the original is difficult.
Developer tools are different than tools for any other profession (https://mxstbr.com/notes/developer-tools) by Max Stoiber
If Max says so!
Scroll Snap Events (https://developer.chrome.com/blog/scroll-snap-events) by Adam Argyle
Funny - just a couple of weeks after I'd needed that.
State of JavaScript: Insights from the latest JavaScript developer survey (https://www.infoworld.com/article/3486850/state-of-javascript-insights-from-the-latest-javascript-community-survey.html) by Matthew Tyson
Surprised that the Bun bundler gets a positive rating. That it does not even print some elemental error messages is a red flag for me.
50 TypeScript F!ck Ups Book (https://github.com/azat-co/50-ts/) by Azat Mardan
I like the collection. Definitely worth supporting the author!
Common misconceptions about how to optimize LCP (https://web.dev/blog/common-misconceptions-lcp) by Brendan Kenny
The images part, unfortunately, is underrated. Having just optimized a web app last week the images optimization part took the project fom a mid 70s rating to a 99 rating in lighthouse. In general I agree though.
Elastic Overflow Scrolling (https://css-tricks.com/elastic-overflow-scrolling/) by Dave Seidman
While I don't see it being essential for the Y axis, I think this technique is useful for carousels / on the X axis.
Issue 52
Compilation of JavaScript to Wasm, Part 3: Partial Evaluation (https://cfallin.org/blog/2024/08/28/weval/) by Chris Fallin
The topic sounds more exotic than it is - personally, I think this will be quite standard in a couple of years.
Material UI v6 is out now π (https://mui.com/blog/material-ui-v6-is-out/) by Material UI
Great to see that MUI is still progressing!
Announcing Rspack 1.0 (https://rspack.dev/blog/announcing-1-0) by rspack
Wonderful milestone - great project! More than 80% of the top 50 plugins for Webpack are supported - so chances are high that you can migrate quite smoothly.
Frontend Resources V2! π (https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj) by @miguelrodriguezp99
Collection of useful tools and libraries to simplify your development life.
New to the web platform in August (https://web.dev/blog/web-platform-08-2024) by Rachel Andrew
In the west the ruby element is quite unknown, but even here it can be super useful.
When 3rd party JavaScript attacks (https://changelog.com/jsparty/336) by Simon Wijckmans
When has a third-party JavaScript never attacked?!
JavaScript Generators Explained, But On A Senior-Level (https://www.reactsquad.io/blog/understanding-generators-in-javascript) by Jan Hesters
They are certainly useful - especially in the pull-stream scenario.
Component testing in Storybook (https://storybook.js.org/blog/component-testing/) by Michael Shilman
Yeah sure - I am not surprised to see this in the Storybook blog.
Faster Pages with React β¨ (https://dev.to/smapiot/faster-pages-with-react-h8j) by @florianrappl
If you really need more performance - you can always get more performant.
The secret inside One Million Checkboxes (https://eieio.games/essays/the-secret-in-one-million-checkboxes/) by Nolen Royalty
That was actually a superb read. What a journey! Seems like building this little site has given Nolen stories for the next decade.
Issue 53
CSS-only infinite scrolling carousel animation (https://blog.logto.io/css-only-infinite-scroll) by Gao Sun
Since I have played around with this myself two weeks ago I thought the article was great.
12 Keys to Write Senior-Level Tests (https://www.reactsquad.io/blog/testing-desiderata-in-javascript) by Jan Hesters
I think this one is the list to follow after the 10 commandments.
MDX with Translations π (https://dev.to/smapiot/mdx-with-translations-157c) by @florianrappl
MDX might be the secret sauce that actually provides the bridge between "just content" and "just code".
Inside ECMAScript: JavaScript Standard Gets an Extra Stage (https://thenewstack.io/inside-ecmascript-javascript-standard-gets-an-extra-stage/) by Mary Branscombe
What else is there to do? Do we really want or need a Frankenstein's monster of a language?
Whatβs new in React 19 (https://vercel.com/blog/whats-new-in-react-19) by Michael Novotny
I'm wondering that myself. Last time I checked it's rather "what will be new in React 19".
Preloading files to reduce download chains in the browser (https://www.lkhrs.com/blog/2024/preloading/) by Luke Harris
Or just batch them in the backend / at compile-time.
The future is standalone! (https://blog.angular.dev/the-future-is-standalone-475d7edbc706) by Alex Rickabaugh
I think the future is standalone since more than a decade, but I am happy that finally Angular recognizes this, too.
Introducing @bramus/style-observer, a MutationObserver for CSS (https://www.bram.us/2024/08/31/introducing-bramus-style-observer-a-mutationobserver-for-css/) by Bramus Van Damme
While I applaud the effort I will definitely avoid scenarios that force me into using it.
i-html (https://www.keithcirkel.co.uk/i-html/) by Keith Cirkel
This is great - but pi-component can already do that (and more). Still happy that the need for fragment inclusion is becoming more recognized.
Build-time Components (https://codehike.org/blog/build-time-components) by Rodrigo Pombo
Alright - what did I say about MDX?! But great write-up and it also goes into the different composition modes.
Issue 54
Look out, kids: PHP is the new JavaScript (https://www.mux.com/blog/php-is-the-new-javascript) by Dave Kiss
No, it's not. But generally it's nice to see PHP (and its ecosystem) evolving.
An SSR Performance Showdown (https://blog.platformatic.dev/ssr-performance-showdown) by Matteo Collina
Long story short: If you need something simple, choose something that does less work.
Managing Angular (https://blog.mgechev.com/2024/08/25/managing-angular/) by Minko Gechev
Certainly a great read. The only thing I missed is the objective - what's the goal? Seems to me that Angular is still playing catchup.
Oops, I accidentally made our website faster by switching to Remix (https://echobind.com/post/oops-i-accidentally-made-our-website-faster-by-switching-to-remix) by Alex Anderson
Maybe drop frameworks all together to make it even faster!
Building the Same App Using Various Web Frameworks (https://eugeneyan.com/writing/web-frameworks/) by Eugene Yan
Ah another comparison. Seems like this is the main trend for the current week. Spoiler: Performance is not considered in this one.
New Environment API (https://main.vitejs.dev/guide/api-environment) by Vite
With the next iteration of Vite we'll get some exciting new APIs!
11ty is joining Font Awesome (https://www.11ty.dev/blog/eleventy-font-awesome/) by Zach Leatherman
With this partnership the foundation of 11ty is solidified even more. Great work!
Svelte 5 signals fix its glitchy and inconsistent reactivity (https://www.webdevladder.net/blog/svelte-5-signals-fix-its-glitchy-and-inconsistent-reactivity) by Ryan Atkinson
Another reason to switch to Svelte 5 as soon as possible - runes are really wonderful!
Rethinking CSS in JS (https://dev.to/black7375/rethinking-css-in-js-5dip) by @black7375
One of the longer articles at dev.to, but most certainly worth the read.
Tailwind CSS vs Pico CSS (https://edofic.com/posts/2022-01-18-tailwind-vs-pico/) by AndraΕΎ Bajt
I am not sure if this is a fair comparison at all, but we are back to "if you need less features, use something with less features".
Issue 55
Understanding Concurrency, Parallelism and JS (https://www.rugu.dev/en/blog/concurrency-and-parallelism/) by UΔur Erdem Seyfi
In the last 15 years (and surely beyond that) this has been discussed every year - but I feel the topic has never been more relevant than today.
MDX in Next.js (https://spacejelly.dev/posts/mdx-in-nextjs) by Colby Fayock
MDX is indeed a great format for content - it's very close to the sweet spot between just static markup and rich interactivity.
Cleaner JavaScript promises with safe-await (https://alexjpate.com/posts/cleaner-promises-with-safe-await) by Alex Pate
I am not sure it that's indeed cleaner (for everyone's taste), but I like it. Note that something similar is debated in TC39.
Announcing TypeScript 5.6 (https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/) by Daniel Rosenwasser
Whoop whoop. Let's all upgrade. Seriously - good new version, but nothing life changing. Back to work!
The web's clipboard, and how it stores data of different types (https://alexharri.com/blog/clipboard) by Alex Harri
Years ago this was a great struggle, but the async clipboard API is indeed quite nice and useful. Great writeup!
CSS display contents (https://ishadeed.com/article/display-contents/) by Ahmad Shadeed
My favorite CSS author is back - and now this picks up one of my favorite CSS features.
Learning to Reason with LLMs (https://openai.com/index/learning-to-reason-with-llms/) by OpenAI
Keep in mind that it's unreasonable to call yourself open but do everything closed. There is an open source variation of this, too.
The Undeniable Utility Of CSS :has (https://www.joshwcomeau.com/css/has/) by Josh Comeau
Honestly, :has is exactly the selected we needed. The number of (previously) "impossible" selectors that I created with it speaks for itself.
Passwords have problems, but passkeys have more (https://world.hey.com/dhh/passwords-have-problems-but-passkeys-have-more-95285df9) by David Heinemeier Hansson
I was also quite excited about passkeys first. But I never use them for the exact reasons that are outlined in the post.
A (more) Modern CSS Reset (https://piccalil.li/blog/a-more-modern-css-reset/) by Andy Bell
I have not used a CSS reset in ages. Might be useful - but just being explicit with some declarations (esp. if inconsistencies between browsers are seen) is usually enough.
Conclusion
These are all outstanding articles by masterful authors. I enjoyed reading them all - I hope you did find something in there, too.
π Follow me on LinkedIn, Twitter, or here for more to come.
π Thanks to all the authors and contributors for their hard work!
Top comments (0)