Byte Brief: Your Monthly Tech Summary

This monthly digest offers a comprehensive overview of the latest trends in the world of technology. With a primary focus on JavaScript, architecture, and sometimes on engineering management topics.

Javascript

• https://www.lydiahallie.com/blog/promise-execution
  An incredible article featuring animations illustrating the workings of promises
• https://joshcollinsworth.com/blog/devaluing-frontend
  Interesting thoughts about the quiet, pervasive devaluation of frontend
• https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
  Building a Micro HTMX SSR Framework by creator of Fastify
• https://github.com/proposal-signals/proposal-signals
  A proposal to add signals to JavaScript

𝐃𝐞𝐯𝐉𝐚𝐦 𝐂𝐨𝐧𝐟𝐞𝐫𝐞𝐧𝐜𝐞: 𝐅𝐮𝐥𝐥 𝐒𝐭𝐚𝐜𝐤 𝐜𝐨𝐦𝐢𝐧𝐠 𝐮𝐩 𝐌𝐚𝐲 𝟐𝐧𝐝
We’re very excited about our first DevJam Conference of the year on May 2nd!🚀 Check out https://2024.devjam.io/ for the full speakers schedule and tickets!

Performance

• https://web.dev/blog/inp-cwv-launch
  INP is officially a Core Web Vital metric
• https://developer.chrome.com/blog/perf-panel-4x-faster
  A guided example demonstrating enhancements to web application performance
• https://cloudinary.com/blog/jpeg-xl-and-the-pareto-front
  If you work with heavy images JPEG XL could be a good solution
• https://developer.chrome.com/blog/shared-dictionary-compression
  Use shared dictionaries to improve cache compression for different resources, including dynamics assets
• https://web.dev/case-studies/pubconsent-inp
  An intriguing technique for prioritizing non-essential tasks
• https://romgrk.com/posts/optimizing-javascript
  Into the optimisation jungles

ReactJS

• https://profy.dev/article/react-useeffect-with-object-dependency
  How to avoid unnecessary executions with React useEffect
• https://javascript.plainenglish.io/how-i-handle-code-reviews-in-react-code-review-checklist-a106a16fb172
  React: Code Review checklist
• https://redwoodjs.com/blog/rsc-now-in-redwoodjs
  RedwoodJS Bighorn is a new framework with React serverside components support

JS Runtimes

• https://github.com/nodejs/nodejs.org
  Nodejs team built a new website based on the nextjs, great to see how they adopted framework and turbo repo for their needs. A lot to learn from their setup
• https://bun.sh/blog/bun-v1.1
  Bun released a new version with windows support and significant performance improvements and more
• https://wasmer.io/posts/winterjs-v1
  Another JavaScript runtime has emerged, and what’s noteworthy is that Bun utilizes it behind the scenes too. Theo has a good overview as well

Testing

• https://claritydev.net/blog/improving-react-testing-library-tests
  Best Practices for Writing Tests with React Testing Library
• https://playwright.dev/docs/codegen
  Now you can generate tests with Playwright
• https://astro.build/blog/node-test-migration
  Story how Astro migrated to built in nodejs test library

Architecture

• https://blog.bytebytego.com/p/a-deep-dive-into-amazon-dynamodb
  A Deep Dive into Amazon DynamoDB Architecture
• https://nikolaschou.medium.com/a-new-software-architecture-metamodel-inspired-by-c4-agile-and-togaf-b3f21ab9848
  An intriguing metamodel concept that simplifies the complexity of the TOGAF metamodel
• https://lab.scub.net/the-outbox-pattern-beyond-microservices-4ac37a1c3a86
  This outbox pattern getting more popularity in microservices architecture
• https://blog.bytebytego.com/p/how-uber-uses-integrated-redis-cache
  Successful story how Uber integrated Redis cache with Docstore
• https://kylegenebrown.medium.com/gitarchitecture-a-better-way-to-capture-architectural-decisions-b3574a3d604
  How IBM Garage team captures Architectural decisions by using Git
• https://medium.com/tinder/how-we-built-the-tinder-api-gateway-831c6ca5ceca
  How Tinder built their API Gateway

Extra

• How to create a business case for code quality? Checkout the presentation backed up by real-world research: The Code Quality Advantage: How Empirical Data Shatters the Speed vs Quality Myth by Adam Tornhill

• https://medium.com/bitgrit-data-science-publication/a-roadmap-to-learn-ai-in-2024-cc30c6aa6e16
  A free curriculum for hackers and programmers to learn AI
• https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/
  What You Need to Know about Modern CSS