FullStack Bulletin

Subscribe
Archives
August 29, 2022

🤓 #288: Why React Re-Renders

devbox, Dynamic Rendering is a Workaround, Useful Media Queries, Constraint based design systems, GitHub dark mode images, Minimun TypeScript

Fullstack bulletin:
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.
Buy on Amazon.com Buy on Amazon.co.uk
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

56a252501ea7d706ef189cbf6451d23a?s=100 — Andrea e18d2c2510d828bc95bde6817e6e9ce2?s=100 — Luciano
color-link-48.png fullstackbulletin.com
color-twitter-48.png @fstackbulletin
Copyright © 2024 FullStack Bulletin, All rights reserved.
*|IFNOT:ARCHIVE_PAGE|*

FullStack Bulletin is a FREE weekly curated newsletter for ambitious full stack developers. We sift the internet for builders, covering frontend, backend, databases, DevOps, and architecture to find what truly matters. Expect practical picks, clear takeaways, and fresh ideas that cut the noise, sharpen your skills, and fuel your creativity so you can put them to work right away.



Our mailing address is:
*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*

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

*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
Don't miss what's next. Subscribe to FullStack Bulletin:
Powered by Buttondown, the easiest way to start and grow your newsletter.