If you really want to understand React (and use it correctly), you need to understand how React manages the rendering lifecycle... And to do that you need to understand when React decides to re-render one or more components! Once again Josh W. Comeau is on the case with an excellent article that can teach us everything there's to know about React rendering (and re-rendering)! Check it out!
Instant, easy, predictable shells and containers. Devbox promises a much better experience to create containers that can be optimized for consistent local development but also for production, with minimal effort and with faster build times than buildpacks. I haven't tried it yet but it seems very promising!
So, Google has been saying that they have been able to process JavaScript SPAs with no problems for the last few years. Now they are taking that back and saying that they won't support JavaScript-rendered websites anymore. This might have a massive impact on SEO for people using JavaScript only frontends, so watch out!
What was that media query code again? Yeah, I ask that myself every time I have to touch some CSS... For whatever reason, my brain simply cannot memorize the media query syntax. If you are like me, you might enjoy this awesome website showcasing some of the most common media query expressions and making it super easy to copy-paste them into your CSS.
What is a design system really? What are some effective rules that can help you to come up with a great consistent design? Effective designs optimize for constraints. These constraints are not just useful, they are critical! If you want to learn more about this, check out this awesome essay by Cole Peters.
GitHub has recently announced a new syntax to allow us to easily support different images for light/dark modes. Finally, we won't have those invisible diagrams for users looking at our repos in dark mode 🥲
Most people love TypeScript. I am still in a kinda love/hate relationship with it, but that's probably just me! 😅 If you like TypeScript, you should definitely take advantage of it, but you shouldn't buy too much into it! So what's the right balance? In the context of a React project you can get a lot of value from TypeScript with minimal effort and this article does a great job at showcasing a possible setup.
Book of the week
Eloquent JavaScript: A Modern Introduction to Programming
by Marijn Haverbeke
JavaScript lies at the heart of almost every modern web application, from social apps to the newest browser-based games. Though simple for beginners to pick up and play with, JavaScript is a flexible, complex language that you can use to build full-scale applications. Eloquent JavaScript, 2nd Edition dives deep into the JavaScript language to show you how to write beautiful, effective code.