How are y’all doing this week?
For myself, I’m mostly preparing for my talk at CityJS Conference Online Event. I have 10 free tickets to share with y’all, first come first serve only.
Alright, it’s time for a weekly reflection!
My Learnings from NewsLetter
A celebration of Mozilla
The WebAssembly Weekly Issue #126 has dedicated the issue to Mozilla, celebrating the work the amazing team from Mozilla have done.
This includes asm.js, wasmtime, Rust, Pyodide and many more.
You can read more in from WebAssembly Weekly and also Matthew MacDonald‘s Mozilla: The Greatest Tech Company Left Behind
Frontend Horse not only curates great Codepen, the newsletter breaks down the techniques behind each pen. What’s more, there’s a Q&A section with the codepen creator.
Check out this week’s issue to learn animation techniques from Pete Barr, and how he recreated the Swissted series with animations.
Read more from Frontend Horse | My summary on the animation techniques
Find 6 Differences in React 16 and React 17
Last week, React released v17’s first release candidate, and there’s already videos, and medium articles that summarises the changes and what to look out for.
These contents are curated from React Status if you are curious where do I find them.
I personally prefer reading such announcements directly from the primary source, which is the React website. Because besides the curation of changes from the blog, they usually attached the CHANGELOG along with the announcement.
I know it’s daunting to read through the changelog, because 99% of the time, I have no idea what’s happening in the React codebase.
In rare cases, you may find things that is comprehensible, such as the 2 that I listed in my Twitter thread, better error component stack and a new jsx transform.
And there are more interesting commits that is definitely worth investigating, such as Improve memory usage and Fix state leaking when a function component throws which I didnt cover it on Twitter, because I still can’t wrap my head around what are the scenarios these changes are fixing. But nonetheless, it’s fun to probe and hopefully learn tips or techniques used in the React codebase, that you “almost never” in your life would use it in your code for the product you are building.
But hey! You never know. You can only connect the dots looking backwards.
My Learnings from Podcast
As always, I learned a lot from CSS Podcast this week.
This weeks podcast is about CSS Gradients. Finally I managed to actually learn the gradient syntax. (It has always been a copy + paste black magic to me 🙈)
So, I’ve summarised my learnings into a twitter thread and note. Enjoy.
And that’s the end of this week! Hope you enjoyed.
Until next time, friends! 👋