Byte Brief: Your Monthly Tech Summary #3

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://kilianvalkhof.com/2024/javascript/the-problem-with-new-url-and-how-url-parse-fixes-that/
  A better way to handle errors with the new URL constructor
• https://cpojer.net/posts/athena-crisis-open-source
  “Athena Crisis” is an example of how to build a high-quality video game using only JavaScript, React, and CSS. It was open-sourced
• https://snyk.io/blog/10-modern-node-js-runtime-features/
  10 Node.js 20 features that can replace libraries you use
• https://nextjs.org/blog/next-15-rc
  Next.js 15 RC is now available with support for React 19, React Compiler, and less aggressive caching
• https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
  Angular 18 was released with experimental support for zoneless change detection, Material 3, and improved server-side rendering.

React

• https://www.joshwcomeau.com/react/use-deferred-value/
  Interesting journey of optimizing UI with the useDeferredValue hook in React
• https://ui.dev/why-react-query
  A well-written article about the React Query library and the challenges you can face when implementing fetch on your own in React
• https://react.dev/learn/react-compiler
  The React Compiler is here! Finally, we can write clearer code. Jack Herrington explains how it works in this video.
• https://remix.run/blog/merging-remix-and-react-router
  After years of work on Remix and React Router, it was announced that they would be merged

Performance

• https://www.youtube.com/watch?v=cmtfM4emG5k
  Guide on how to debug and optimize INP score with Chrome DevTools
• https://dev.to/ndulue/how-to-optimize-graphql-queries-for-better-performance-30e
  A good article about best practices for better performance with GraphQ

CSS

• https://ryanmulligan.dev/blog/detect-js-support-in-css/
  A useful technique that allows to detect if JavaScript is enabled/disabled via CSS
• https://www.designsystemhunt.com/
  Collection of 144 design systems
• https://developer.chrome.com/blog/scroll-driven-animations-video-course
  A 10-part video course to learn all about scroll-driven animations using CSS or JavaScript

Architecture

• https://www.workingsoftware.dev/fundamental-techniques-for-software-architects/
  24 Fundamental Techniques for Software Architects
• https://chubernetes.com/evolution-of-monolithic-systems-c20156f06907
  Advice on how to tackle different issues with monolithic systems
• https://brandur.org/notifier
  The Notifier Pattern for Applications That Use PostgreSQL
• https://blog.bytebytego.com/p/cloudflares-trillion-message-kafka
  Great article on Kafka evolution usage at Cloudflare. They have used it in production since 2014
• https://medium.com/@AnalyticsAtMeta/data-engineering-at-meta-high-level-overview-of-the-internal-tech-stack-a200460a44fe
  High-level overview of the internal tech stack at Meta

Extra

• https://medium.com/kpmg-uk-engineering/you-should-stop-writing-dockerfiles-today-do-this-instead-3cd8a44cb8b0
  Docker team created CLI tool using Generative AI. Now, for Docker newbies, it’s super simple to generate a Dockerfile
• https://www.thecaringtechie.com/p/3-critical-skills-you-need-to-grow
  3 Critical Skills You Need to Grow Beyond Senior Levels in Engineering
• https://tduyng.github.io/blog/dynamic-github-profile-readme/
  How to make your GitHub profile dynamic
• https://www.theverge.com/2024/5/28/24166177/google-search-ranking-algorithm-leak-documents-link-seo
  Google’s search algorithm leaked, and here is more information about how ranking works
• https://blog.practicalengineering.management/how-to-lead-a-team-of-senior-engineers-8e8d69576d1e
  Good advice on how to lead a team of senior software engineers