Let's Build UI
  • Articles
  • Newsletter
  • Tools
Sign in Subscribe
  • Articles
  • Newsletter
  • Tools
Sign in Subscribe

Let's Build UI Newsletter #6

Abstract Syntax Trees, signals, machine learning games and the unfortunate truth about a lot of open source software.

Apr 22, 2024
2 min read

Welcome to issue #6!

🚨 New Content Alert

What Is an Abstract Syntax Tree? was just published! If you're curious about how tools like ESLint and Babel analyze and understand your code, this article will show you how you can use AST as a frontend developer.

âž• What's New in the Frontend Universe

Last year there was a lot of buzz about "signals". And someday the feature may even be added to native JavaScript. Read more about the recent TC39 proposal here.

📚 Interesting Reads

  1. In Maximising performance with React code splitting techniques, learn about some different ways you can boost performance using dynamic imports, React Suspense and more. Related to this topic, be sure to check out How to Lazy Load React Components for some additional strategies.
  2. Making ML-powered web games with Transformers.js will show you how can use ML in the browser to build a doodle detection game.
  3. If this one guy got hit by a bus, the world's software would fall apart. This article details the unfortunate truth about a lot of open source software we use every day.

🧰 Cool Tools

BugBug.io | Intuitive and Reliable Test Automation Tool | BugBug.io
BugBug is a low-code test automation tool for QA, developers and product managers. Create your end-to-end test under 5 minutes.
BugBug.io
Cally: small, feature-rich calendar components
Open source calendar components for selecting single dates or date ranges. Framework-agnostic, themeable, localizable, accessible.
Cally
Jotai, primitive and flexible state management for React
Jotai takes a bottom-up approach to global React state management with an atomic model inspired by Recoil. One can build state by combining atoms and renders are optimized based on atom dependency. This solves the extra re-render issue of React context and eliminates the need for memoization.
Jotai

✨ Tips & Tricks

Wondering how much code a page is actually using? The Coverage panel in Chrome Devtools is a great resource!

It provides a really nice visual breakdown, and can be combined with the code splitting techniques above to help you optimize.

Learn more about it here.

👋 The End

Thanks for reading! If you enjoyed this issue, please forward it to someone you know! If this was forwarded to you, consider subscribing!

  • Articles
  • Newsletter
  • Tools
  • About
  • RSS
  • Buy me a Coffee

© 2025 Let's Build UI. All rights reserved.