Copy
Why React Re-Renders
View this email in your browser
alt_text
"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
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

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!

Read article
GitHub - jetpack-io/devbox: Instant, easy, predictable shells and containers.

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!

View Repository
Google: Dynamic Rendering Is A Workaround and Not A Long-Term Solution

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!

Read article
Useful media query syntax — mediaquery.style

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.

Read article
Cole Peters — An Introduction to Constraint Based Design Systems

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.

Read article
How to define dark/light mode images in GitHub Markdown

How to define dark/light mode images in GitHub Markdown


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 🥲

Read article
The minimum TypeScript you need for React

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.

Read article
 

Book of the week

book cover
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.
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Remember to share if you enjoyed this issue!

See you next week

color-link-48.png fullstackbulletin.com
color-twitter-48.png @fstackbulletin
Copyright © 2022 FullStack Bulletin, All rights reserved.


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

Email Marketing Powered by Mailchimp