Articles I read on my way to work - #3

CSS

JavaScript Engine and Runtime Explained
Understanding DOM Events and JavaScript Event Listeners
Javascript Interview Question Answer - 40 short but interesting (and tricky!) JS interview question.
720: Where Does Time Come From? - Podcast about time, timezones and how they work in our frontend and backend apps.
Extract a Number from a String with JavaScript - Helpful regex for input validation.
The Golden Rule of Assertions - How to write good assertions in your tests.

719: Fullstack TypeScript Apps with No Build Step?! with Brian LeRoux - Wes and Scott talk with Brian LeRoux about not using a bundler, handling TypeScript, live reloading, Enhance being a meta framework, how Enhance handles CSS, his experience at AWS: Reinvent, and the state of JavaScript run times in 2024.
Most React devs don’t understand generic components - Brief explanation about how generics in typescript work.
TypeScript version mismatches are a PITA - You may be using wrong type of typescript for your project if you don’t have this setting in VSCode.

Detailed React. Reconciliation, Renderers, Fiber, Virtual Tree - If you want to learn how React is working under the hood you should start with this article.
How to Manage State in React Apps with APIs – Redux, Context API, and Recoil Examples - Read this if you want to learn how to do state management properly when fetching data from API - using Redux, Recoil or pure React. I am surprised that Tanstack-Query isn’t mentioned, as it is designed for such kind of tasks.
Streams and React Server Components - Deeper dive into concept of streaming on frontend.
718: React Server Components - Syntax.fm episode about React Server Components - differences between server components and client components, reasons to run something server side, how server components work etc.
How to Build a High-Performance Tab Component in React - I recommend second part of this article about how to avoid unnecessery rerenders.
[https://blog.cassidoo.co/post/annoyed-at-react/](Kind of annoyed at React) - I haven’t read an article in a long time that is so consistent with my negative feelings about React. (Of course, I still have a lot of positive feelings.) Some valuable comments about what React and the React team are not the best at, and I hope that we will see improvement in this area in the coming years.
React Libraries for 2024 - A helpful collection of React-related libraries divided into different functionalities.

Serverless Architecture Patterns and Best Practices - This article is exploring serverless core principles and benefits. We’ll see how serverless applications scale effortlessly, adapt to changing workloads, and potentially save you precious resources.
Jakie wyzwania stoją przy wdrażaniu mikrofrontendów? Rozmowa z Sebastianem Gos - [PL] The first part of an interesting conversation about the problems and nuances related to the implementation of microfrontends. The interview is conducted from a business/organizational perspective, not a technical one.
Speeding up webpack performance with parallel builds · trivago tech blog - Old post about how we can speed up our build time by use more CPU.
Projekt Frontend Wszystko, co musisz wiedzieć o strukturze katalogów per ficzer! - [PL] Live refactoring app to per feature folder structure.

What are Progressive Web Apps? PWA Guide for Beginners
The Query Options API - Explanation why Tanstack Query team went from passing multiple arguments in their functions to one object. There is few nice things to learn from this article.
33 JavaScript concepts every developer should know. - Do you know them all? Excellent list for repetition before the interview.
Memcached Crash Course - What is Memcached system and how you can use it to speed up your web applications by reducing database load. Beginner friendly.

The Bun Shell - Bun Shell is a new embedded language and interpreter that allows you to run cross-platform shell scripts in TS & JS. VERY intresting experiment project, I didn’t know that this is even possible to do.
Zed - Code at the speed of thought - Zed - code editor made by creators of Atom & Tree-siter - aims to take place of VSCode by providing better performance and out of the box features (live code sharing, Github Copilot connection). Project is now open-source.
Next.js 14.1 - New version of Next.js intronduce improvements to self-hosting, error messages, parallel and intercepted routes, Turbopack, and more.

Visual Studio Code Extensions to Boost Your Productivity in 2024 - I use or used most of this extentions and I can recommend them. I would add to this list webhint extention.
Fixing Cumulative Layout Shift Problems on DavidWalshBlog - When reading this post, I checked my website and found the same issue with the img width and height not being set.