Google was out for an hour last month - So was Youtube, Drive and Gmail. Everything failed and the world was still running - well kind off. As memes flooded the Internet, some people were truly lost.
React Team went on their vacations for this year leaving us scratching our heads. A new RFC is now out: Zero-Bundle-Size React Server Components. This time, instead of random keywords, the team decided to put out a full hour Youtube video explaining the concept.
- React can render components on the server and send the resulting HTML via network
- The components on the server can access NodeJS elements and interoperate with languages that NodeJS can.
- It doesn’t involve hydration and HTML is served to the client in a special data format that React library on the frontend can unpack - libraries like Ember have explored this pattern before.
- Yari - MDNs new content platform with content being stored as Markdown.
- Squoosh v2 - Squoosh was one of the friendly simple image compression websites on the web powered by Google. In v2, there is finally a CLI version for it.
- CSS Tricks v18 - CSS Tricks is one of my favourite sites on Frontend Development. (and one that I have been fortunate to write for) Every design is special and on this v18, Chris walks us through the fun elements.
- Cornell’s Advanced Compliers - This is bit long to be a tutorial, but here’s a whole course on Advanced Compilers from Cornell University.
- Saying Goodbye to Google Fonts - With cache partitioning arriving in all browsers, it would be 💯% better to use self hosted fonts than Google CDNs.
- Writable getters - Lea Veou explores an object property pattern where the property has a default value unless set.
In the Spotlight 🔦
There has been some really great CSS-in-JS frameworks coming out. With these libraries, we can:
- custom CSS as CSS inline - no style objects
- build in conditionals
- grouping common styles
- no @ apply in CSS - create components
- no more enabling/disabling styles
Here’s a more detail explainer on my blog.
Highlighting some of my favorites:
- twin.macro is a babel macro that transforms tailwind classes into your favourite CSS-in-JS library. This means zero run time.
- twind has CSS-in-JS build-in and with benchmarks faster than any other solution in ~11kB.
In Other News
- Github Wrapped - Like #SpotifyWrapped project but for Github.
- How Bad is your Spotify - You have already heard the uplifting things from #SpotifyWrapped (Did you know that was an intern project?. Now let the AI roast your music taste.
- No cookie for you - Everyone makes fun of 🍪 popups, they don’t serve their purpose in most cases anyway. Github leads by removing cookies altogether. They don’t serve ads, nor send data to third party services, so they might have got it easy.
Happy New Year 🎉
Wish you a great 2021 ahead.