Issue #288 · August 29, 2022

Why React Re-Renders

“Technology is just a tool. In terms of getting the kids working together and motivating them, the teacher is the most important”

Bill Gates , Software Developer and Microsoft co-founder
Why React Re-Renders

Why React Re-Renders

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!

Articles

devbox

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!

Dynamic Rendering Is A Workaround

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!

Useful media queries

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.

Constraint Based Design Systems

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.

The minimum TypeScript you need for React

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

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.