DEV Community

Cover image for 🤯 50 Articles to Become a Web Dev Guru
Florian Rappl
Florian Rappl

Posted on

4 1 2 2

🤯 50 Articles to Become a Web Dev Guru

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 61 to issue 65).

I hope you enjoy this collection. Let me know in the comments which of these articles is your favorite (and why).

Issue 61

Liskov’s Gun: The parallel evolution of React and Web Components (https://www.baldurbjarnason.com/2024/liskovs-gun/) by Baldur Bjarnason

Mozilla rebrand takes from early internet aesthetics, to move its cause to reclaim the web (https://www.itsnicethat.com/articles/jkr-mozilla-rebrand-graphic-design-project-240924) by Ellis Tree

What's New in Ruby on Rails 8 (https://blog.appsignal.com/2024/10/07/whats-new-in-ruby-on-rails-8.html) by Damilola Olantuji

A modest critique of Htmx (https://chrisdone.com/posts/htmx-critique/) by Chris Done

HTML is for people (https://htmlforpeople.com/) by Blake Watson

17 Must-know React Projects for Developers 👩‍💻 🔥 (https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2) by @anmolbaranwal

The story of web framework Hono, from the creator of Hono (https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/) by Yusuke Wada

Sites Now Become Interactive 50% Faster (https://www.framer.com/blog/sites-interactive-faster/) by Jacob Groß

Drag to Select (https://www.joshuawootonn.com/react-drag-to-select) by Joshua Wootonn

Why I’m skeptical of rewriting JavaScript tools in “faster” languages (https://nolanlawson.com/2024/10/20/why-im-skeptical-of-rewriting-javascript-tools-in-faster-languages/) by Nolan Lawson

Issue 62

Our Journey with Caching (https://nextjs.org/blog/our-journey-with-caching) by Sebastian Markbåge

Offline UX Patterns (https://github.com/Expensify/App/blob/main/contributingGuides/OFFLINE_UX.md) by Expensify

World Wide Web Foundation closes so Tim Berners-Lee can spend more time with his protocol (https://www.theregister.com/2024/09/30/world_wide_web_foundation_closes/) by Thomas Claburn

why I'm turning off Firefox ad tracking: the PPA paradox (https://blog.zgp.org/why-turn-off-firefox-ad-tracking/) by Don Marti

Hyper-Scale Activated! Ship Your Own FaaS 🤖 (https://dev.to/smapiot/hyper-scale-activated-ship-your-own-faas-40kg) by @florianrappl

Next.js 15 (https://nextjs.org/blog/next-15) by Delba de Oliveira et al

AWS Data Center Latencies - Visualized (https://benjdd.com/aws/) by Benjamin Dicken

Where web components shine (https://daverupert.com/2024/10/super-web-components-sunshine/) by Dave Rupert

Netlify joins OpenNext (https://www.netlify.com/blog/netlify-joins-opennext/) by Mathias Biilmann

New Architecture is here (https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here) by The React Team

Issue 63

Expo SDK 52 beta is now available (https://expo.dev/changelog/2024/10-24-sdk-52-beta) by Brent Vatne

That's Not an Abstraction, That's Just a Layer of Indirection (https://fhur.me/posts/2024/thats-not-an-abstraction) by Fernando Hurtado

An Early Glimpse of TanStack Start (https://www.youtube.com/watch?v=AuHqwQsf64o) by Tanner Lindsey

How we shrunk our Javascript monorepo git size by 94% (https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/) by Jonathan Creamer

Making content-aware components using CSS :has(), grid, and quantity queries (https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/) by Eric Bailey

Remix Todo App: Part 1 - Building the App Layout and Structure (https://www.udohjeremiah.com/blog/remix-todo-app-part-1-building-the-app-layout-and-structure) by Udoh Jeremiah

Using Rust in Non-Rust Servers to Improve Performance (https://github.com/pretzelhammer/rust-blog/blob/master/posts/rust-in-non-rust-servers.md) by Pretzelhammer

Interactive Select component using Phoenix LiveView and vanilla JS Hook (https://aurmartin.fr/posts/phoenix-liveview-select/) by Aurélien Martin

Unleash the Power of Scroll-Driven Animations (https://css-tricks.com/unleash-the-power-of-scroll-driven-animations/) by Geoff Graham

Incremental adoption of micro-frontends with Cloudflare Workers (https://blog.cloudflare.com/fragment-piercing/) by Peter Bacon Darwin, Dario Piotrowicz, James Culveyhouse, Igor Minar

Issue 64

Headless, boneless, skinless & lifeless UI (https://nerdy.dev/headless-boneless-and-skinless-ui) by Adam Argyle

On Crafting Painterly Shaders (https://blog.maximeheckel.com/posts/on-crafting-painterly-shaders/) by Maxime Heckel

Smarter than 'Ctrl+F': Linking Directly to Web Page Content (https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html) by Ahmad Alfy

Simplfying Islands Architecture (https://preactjs.com/blog/simplifying-islands-arch/) by Siddharth Gelera

Going through the “State of CSS” results… (https://www.joshwcomeau.com/email/2024-10-22-css-survey/) by Josh W. Comeau

Rendering Outlines with a Post-processing Shader (https://www.atomwolf.org/posts/rendering-outlines-with-a-post-processing-shader/) by Adam Wolf

Should JavaScript be split into two languages? New Google-driven proposal divides opinion (https://devclass.com/2024/10/22/should-javascript-be-split-into-two-languages-new-google-driven-proposal-divides-opinion/) by Tim Anderson

Introducing Wasmer 5.0 (https://wasmer.io/posts/introducing-wasmer-v5) by Syrus Akbary

Should masonry be part of CSS grid? (https://ishadeed.com/article/css-grid-masonry/) by Ahmad Shadeed

Recap: Next.js Conf 2024 (https://vercel.com/blog/recap-next-js-conf-2024) by Lee Robinson, Delba de Oliveira

Issue 65

How headless components became the future for building UI libraries (https://www.subframe.com/blog/how-headless-components-became-the-future-for-building-ui-libraries) by Irvin Zhan

Hyperkit (https://www.chrsgrrtt.com/hyperkit) by Chris Garrett

Converting any website to a React component (https://www.magicpatterns.com/blog/any-website-to-react-component) by Teddy Ni

HTML Form Validation is heavily underused (https://expressionstatement.com/html-form-validation-is-heavily-underused) by everdimension

Using Shadcn UI without a Tailwind Config File (https://www.luisball.com/blog/shadcn-ui-with-tailwind-v4) by Luis Ball

Debugging Microservices & Distributed Systems (https://sentry.io/resources/debugging-microservices-and-distributed-systems/) by Sarah Guthals

RFC: An updated style guide for the year 2024 (https://github.com/angular/angular/discussions/58412) by Jeremy Elbourn

My solar-powered and self-hosted website (https://dri.es/my-solar-powered-and-self-hosted-website) by Dries Buytaert

HTTP Tunnel and Proxy in JavaScript (https://dbushell.com/2024/10/22/http-tunnel-proxy/) by David Bushell

What's a Single-Page App? (https://jakelazaroff.com/words/whats-a-single-page-app/) by Jake Lazaroff

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!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay