🤯 Keep Up With these 50 Articles

#webdev #javascript #node #frontend

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 21 to issue 25).

Issue 21

The Dark Side of Open Source (https://kettanaito.com/blog/the-dark-side-of-open-source) by Artem Zakharchenko
Bottom line: Enthusiasm is great but it makes for a poor dinner.
The Power of :has() in CSS (https://css-tricks.com/the-power-of-has-in-css) by Chris DeMars
:has is great, but knowing about forgiving lists as in :is might be even more useful.
Can I email? (https://www.caniemail.com/) by Tilt Studio
Yes you can unless you won't.
A proposal to add signals to JavaScript (https://github.com/proposal-signals/proposal-signals) by Rob Eisenberg and Daniel Ehrenberg
Personally, I like the addition, but I'd prefer some refinement on the proposal first.
Bun 1.1 (https://bun.sh/blog/bun-v1.1) by Jarred Sumner
So many great updates - now this is much closer to a v1 than 1.0 was.
A Microcosm of the interactions in Open Source projects (https://robmensching.com/blog/posts/2024/03/30/a-microcosm-of-the-interactions-in-open-source-projects/) by Robert Mensching
I fully share the sentiment - maintainers need more protection and more respect.
LiveView is best with Svelte (https://blog.sequin.io/liveview-is-best-with-svelte/) by Anthony Accomazzo
In general Phoenix is a great web framework that is truly underestimated.
Ship Early. Find Bugs. (https://thomaseckert.dev/notes/ship-early-find-bugs/) by Thomas Eckert
Or ship never - don't care about bugs.
What is Dead Zone in JavaScript? (https://www.freecodecamp.org/news/what-is-dead-zone-in-javascript/) by Joan Ayebola
Now that we know what the dead zone is - what is friend zone in JavaScript?
Mojo CSS vs. Tailwind: Choosing the best CSS framework (https://blog.logrocket.com/mojo-css-vs-tailwind-choosing-best-css-framework/) by Boemo Mmopelwa
I seem to be getting old; where's that Bootstrap everyone was talking about?

Issue 22

Low effort image optimization tips (https://blog.sentry.io/low-effort-image-optimization-tips/) by Lazar Nikolov
Optiziming images is one of the cornerstones for fast websites.
Nuxt: Looking forward (https://nuxt.com/blog/looking-forward-2024) by Daniel Roe and Sébastien Chopin
Great achievements and great way forward by the Nuxt team!
Blazor Basics: Working with Blazor Layouts (https://www.telerik.com/blogs/blazor-basics-working-blazor-layouts) by Claudio Bernasconi
In short - most of the time they work unless they don't.
Best Practices for OAuth in Mobile Apps (https://fusionauth.io/blog/best-practices-for-oauth-in-mobile-apps) by Alex Patterson
Use the native system browser over web views.
What You Need to Know about Modern CSS (Spring 2024 Edition) (https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/) by Chris Coyier
Anchor with nesting to query containers at view transitions.
Deno 1.42: Better dependency management with JSR (https://deno.com/blog/v1.42) by Andy Jiang, Bartek Iwanczuk, David Sherret, Divy Srivastava, Nayeem Rahman
From wanting no dependency management ot having your own registry - we've gone a long way!
The Unreasonable Effectiveness of Inlining CSS (https://strikingloo.github.io/inlining-css) by Luciano Strika
Is it really unreasonable though?
Announcing Gulp v5 (https://medium.com/gulpjs/announcing-gulp-v5-c67d077dbdb7) by Blaine Bublitz
Wow Gulp is still alive! Brings back memories; not only good ones.
Angular previews new features, Google aims to merge it with internal Wiz framework (https://devclass.com/2024/03/28/angular-previews-new-features-google-aims-to-merge-it-with-internal-wiz-framework/) by Tim Anderson
From the Wizard of Oz to Wiz of Angular - magic is in the air (or cloud).
Part 1 – Announcing Babylon.js 7.0 (https://blogs.windows.com/windowsdeveloper/2024/03/28/part-1-announcing-babylon-js-7-0/) by Jason Carter and Thomas Lucchini
Not to confuse with Babel - this is a reminder what the web platform is capable of.

Issue 23

Iconography In Design Systems: Easy Troubleshooting And Maintenance (https://www.smashingmagazine.com/2024/04/iconography-design-systems-troubleshooting-maintenance/) by Tatsiana Tarkan
Really great article on a crucial yet underrated topic.
Kuto, a reverse JS bundler (https://samthor.au/2024/kuto/) by Sam Thorogood
While not really for development this might be interesting for a couple of reasons.
History of JS interop in Dart (https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f) by Sigmund Cherem
Just because you can does not mean you should.
High Definition CSS Color Guide (https://developer.chrome.com/docs/css-ui/high-definition-css-color-guide) by Adam Argyle
Great guide, however, while CSS colors are now superful I feel like 95% (or more) is still hex or rgb.
How Waku compares to Next.js (https://blog.logrocket.com/waku-vs-next-js/) by Peter Ekene Eze
In short, while Next.js tries to be a whole thing Waku is lightweight and small. React-like.
A JavaScript library for generating vector-based cartoon faces (https://zengm.com/facesjs/) by Jeremy Scheff and contributors
I totally love this - and I am sure that I'll soon find good use for it.
Introducing Jpegli: A New JPEG Coding Library (https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html) by Zoltan Szabadka, Martin Bruse and Jyrki Alakuijala
Every once in a while Google sends us some new awesome lib improving image formats.
Cally - Small, feature-rich calendar components (https://wicky.nillia.ms/cally/) by Nick Williams
Why should you pick this? Because its super small, portable, and customizable.
An Interactive Guide to CSS Container Queries (https://ishadeed.com/article/css-container-query-guide) by Ahmad Shadeed
Container queries is the younger, yet much more powerful brother of media queries.
Angular and Wiz Are Better Together (https://blog.angular.io/angular-and-wiz-are-better-together-91e633d8cd5a) by Jatin Ramanathan and Minko Gechev
Wizular already has great marketing - but can it run Crysis?!

Issue 24

Meet clickjacking's slicker cousin, 'gesture jacking,' aka 'cross window forgery' (https://www.theregister.com/2024/04/03/clickjacking_heir_gesture_jacking/) by Thomas Claburn
Met the guy yesterday, did not like it much.
HTML Streaming Over the Wire 🥳: A Deep Div (https://aralroca.com/blog/html-streaming-over-the-wire) by Aral Roca
Superb one - and the topic is more than hot.
WebAssembly Adoption: Is Slow and Steady Winning the Race? (https://thenewstack.io/webassembly-adoption-is-slow-and-steady-winning-the-race/) by Richard Gall
Define winning in this context. Will it replace all that we know today? No. Will it be irreplaceable? Yes.
You probably don't need GraphQL (https://mxstbr.com/thoughts/graphql/) by Max Stoiber
I think I used GraphQL in like 2 or 3 projects top - that says something.
A Web Developers Guide to Hybrid Search (https://weaviate.io/blog/hybrid-search-for-web-developers) by Daniel Phiri and Ajit Mistry
I liked this one - search is such an important topic.
React 19 - Part 1: The Backstory; My journey writing a framework from scratch! (https://www.cmrg.me/blog/rsc-part-1-the-backstory) by Rafael Camargo
Fantastic read - I recommend everyone to check out the project on GitHub.
Are you ready to build a Superapp? (https://ionic.io/blog/are-you-ready-to-build-a-superapp) by Jacklin Altman
Sorry, I am mostly building megaapps.
How to use fly.io and Tigris to deploy a Next.js app (https://andrewbaisden.hashnode.dev/how-to-use-flyio-and-tigris-to-deploy-a-nextjs-app) by Andrew Baisden
There have been quite some steps involved in this one.
Object structure in JavaScript engines (https://blog.frontend-almanac.com/js-object-structure) by Roman Maksimov
Really great read - goes into pretty much all the important details that I'm aware of.
JavaScript Secrets: How to Implement Retry Logic Like a Pro (https://dev.to/officialanurag/javascript-secrets-how-to-implement-retry-logic-like-a-pro-g57) by @officialanurag
This was much more complete and well done than I thought - fantastic resource!

Issue 25

Going beyond pixels and (r)ems in CSS - Absolute length units (https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/absolute-length-units) by Brecht De Ruyte
Units are important - I just hope more people would use the metric system.
TanStack Form: All-in-one Form Handling for React (https://blog.openreplay.com/tanstack-form--all-in-one-form-handling-for-react/) by Rufina Uche
Personally, I only use plain forms as they seem to handle everything and are implicitly usable in all scenarios.
Creating an Interactive Time-Tracking Report with React and TypeScript (https://dev.to/rodionchachura/creating-an-interactive-time-tracking-report-with-react-and-typescript-2ke1) by @rodionchachura
Explained in all detail with lots of code - I love it!
Play with Signals (https://jsbin.com/safoqap/6/edit?html,output) by JSBin
How does the Signals proposal play out? See for yourself!
Creating a Multicolored Star Rating Card Component (https://dev.to/sarahokolo/creating-a-multicolored-star-rating-card-component-2m4j) by @sarahokolo
The only remaining question is "how many stars do you give this tutorial".
How does useOptimistic() work internally in React? (https://jser.dev/2024-03-20-how-does-useoptimisticwork-internally-in-react/) by JSer
This convinced me to drop "usePessimistic" in favor of "useRealistic". One day I'll switch to "useOptimistic", I promise!
Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa
This one is really good - just the minimum API to make these transitions so good.
6 Ways to Future-Proof Your Web Design Career (https://www.telerik.com/blogs/6-ways-future-proof-web-design-career) by Suzanne Scacca
Psst... One proven way is to follow me and read these articles.
How we built JSR (https://deno.com/blog/how-we-built-jsr) by Luca Casonato
I love JSR and I welcome all the articles about it the Deno team is putting out.
Next.js 14.2 (https://nextjs.org/blog/next-14-2) by Tim Neutkens and Delba de Oliveira
Are we turbo yet? Not fully - but close.