Visualizing the DOM

This past week, I have been working on the free Codú JavaScript course. As part of the series, I wanted to provide a tool for visually representing the DOM tree.

So after a few hours I created something very simple that I think will help folks get a better mental model of the DOM.

You can try it out here.

The whole app is just a single file, so if you want to suggest improvements, play with the code or just look under the hood check out the codebase here.

Talk about being late to the party...

I have used Daily.dev on and off for years, but I never thought of creating a Codú squad.

Well, now we have one!

You can join us using this invite link.

I have started and made a major dent in my JavaScript series over the last week. Here is the series in order so far:

I should have most of it complete by next week issue, so do not forget to check back in!

Self-host with Coolify (1 min)

Coolify is an open-source PaaS for self-hosting projects, that itself can be self-hosted. It is an alternative to the likes of Heroku, Render or Vercel.

Guide to Internationalisation (i18n) in Next.js with Routing (3 min)

Internationalization (i18n) is essential for a global user base. Here is how to add it to your Next.js apps.

8 Strategies for Reducing Latency (6 min)

High latency can render an application unusable, frustrating users, and negatively impacting business outcomes. Here is how to overcome it.

System Design: How to Scale a Database (4 min)

Explore 8 effective strategies to scale databases for optimal application performance. Learn about vertical scaling, indexing, sharding, partitioning, caching, replication, materialized views, and data denormalization to handle increased data loads and user growth.

Mesh Gradients (Gallery)

CSS has linear, radial, and conic gradients that can all do interesting and complex things... but not quite this, at least not on their own.

TinyBase 5.0 (Release)

A major update to the very reactive data store created for local-first apps.

Sneaky React Memory Leaks: How the React Compiler Will Not Save You (4 min)

Learn about tricky edge cases where the new React Compiler will not save you. Knowing the limits of tooling is important so this one is a great read!

The Algebra of Wealth: A Simple Formula for Success

I recommend "The Algebra of Wealth" by Scott Galloway for this week pick. It is a quick read that breaks down success into a simple formula. Galloway no-nonsense style is perfect for busy devs like us who want practical advice without the fluff.

He covers topics like investing, career moves, and personal growth - all super relevant whether you are just starting out or looking to level up. I like how he mixes personal stories with solid tips you can actually use.

That is it for this week!

If you have any ideas or feedback, reply to this email.

Thanks, and stay awesome,

Niall

Founder @ Codú