🤯 Keep Up With these 50 Articles
Tags: webdev, javascript, node, frontend
Published: 2024-04-16 10:05:22

*<a href="https://www.freepik.com/free-vector/gradient-step-illustration_37443122.htm#fromView=search&page=1&position=9&uuid=034a1fce-8fa5-40fe-9832-045f25551c3a">Image by freepik</a>*

This year I started a new series on [LinkedIn](https://www.linkedin.com/in/florian-rappl/) - "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

1. 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.

2. 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.

3. Can I email? (https://www.caniemail.com/) by Tilt Studio
Yes you can unless you won't.

4. 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.

5. 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.

6. 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.

7. 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.

8. Ship Early. Find Bugs. (https://thomaseckert.dev/notes/ship-early-find-bugs/) by Thomas Eckert
Or ship never - don't care about bugs.

9. 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?

10. 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

1. 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.

2. 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!

3. 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.

4. 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.

5. 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.

6. 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!

7. The Unreasonable Effectiveness of Inlining CSS (https://strikingloo.github.io/inlining-css) by Luciano Strika
Is it really unreasonable though?

8. 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.

9. 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).

10. 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

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.

6. 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.

7. 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.

8. 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.

9. 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.

10. 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

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.

6. 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.

7. 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.

8. 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.

9. 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.

10. 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

1. 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.

2. 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.

3. 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!

4. Play with Signals (https://jsbin.com/safoqap/6/edit?html,output) by JSBin
How does the Signals proposal play out? See for yourself!

5. 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".

6. 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!

7. 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.

8. 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.

9. 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.

10. 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.

## Conclusion

These are all outstanding articles by masterful authors. I enjoyed reading them all - I hope you did, too.

👉 Follow me on [LinkedIn](https://www.linkedin.com/in/florian-rappl/), [Twitter](https://twitter.com/FlorianRappl), or here for more to come.

🙏 Thanks to all the authors and contributors for their hard work!