Weekly Digest 21/2022
Tags: javascript, webdev, react, weeklyretro
Published: 2022-05-29 19:22:11

Welcome to my Weekly Digest #21.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

---

## Interesting articles to read

### Layouts RFC

This RFC outlines the biggest update to Next.js since it was introduced in 2016:

- **Nested Layouts:** Build complex applications with nested routes.
- **Designed for Server Components:** Optimized for subtree navigation.
- **Improved Data Fetching:** Fetch in layouts while avoiding waterfalls.
- **Using React 18 Features:** Streaming, Transitions, and Suspense.
- **Client and Server Routing:** Server-centric routing with *SPA-like* behavior.
- **100% incrementally adoptable**: No breaking changes so you can adopt gradually.
- **Advanced Routing Conventions**: Offscreen stashing, instant transitions, and more.

[Layouts RFC](https://nextjs.org/blog/layouts-rfc)

### Lesser-Known And Underused CSS Features In 2022

CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we’ll cover a fraction of those CSS properties and selectors.

[Lesser-Known And Underused CSS Features In 2022 - Smashing Magazine](https://www.smashingmagazine.com/2022/05/lesser-known-underused-css-features-2022/)

---

## Some great videos I watched this week

### Advanced Rendering Patterns

As modern applications are getting more and more complex, it's quite easy to end up with large bundle sizes and long loading times. Although there are many tools that can help with performance, there's still a lot you can do as a developer to load your code more efficiently.

{% youtube PN1HgvAOmi8 %}

by [Lydia Hallie](https://twitter.com/lydiahallie)

### Serverless for frontend engineers, in 10 minutes

Get a quick overview of what serverless is and what it does for you. From why servers make fun ideas boring to how serverless makes the boring work somebody else’s problem. And a peek into the future with modern platform-integrated frameworks.

{% youtube tQCBQY7ZMpA %}

by [Swizec Teller](https://twitter.com/Swizec)

### Now and .then: Debugging Async JavaScript

Async JavaScript is mind-bending to write, even worse to debug. In this talk, we'll explore why async bugs are difficult, what common missteps create those bugs, and how to debug async code with the debugger.

{% youtube V-lu0YjJYdk %}

by [Jenn Creighton](https://twitter.com/gurlcode)

---

## Useful GitHub repositories

### Wikipedia Speedrun Game

The goal of the game is to navigate from a starting wikipedia article to another one, in the least amount of clicks and time.

{% github B0und/WikiSpeedrun %}

---

## dribbble shots

### Task management: to do list dashboard

![by [Mehdi Bagheri](https://dribbble.com/shots/18356550-Task-management-to-do-list-dashboard-Dark-mode)](https://cdn.dribbble.com/userupload/2789702/file/original-812ae0d3d40940986ccb95fa6e7b8965.png)

by [Mehdi Bagheri](https://dribbble.com/shots/18356550-Task-management-to-do-list-dashboard-Dark-mode)

### Cryptio ⁝ Crypto App

![by [Hesam Mousavi](https://dribbble.com/shots/18357488-Cryptio-Crypto-App)](https://cdn.dribbble.com/users/2478245/screenshots/18357488/media/579b701a7ba2a6bdab46e51e656ab960.png)

by [Hesam Mousavi](https://dribbble.com/shots/18357488-Cryptio-Crypto-App)

### Prodcast App

![by [App Ninja](https://dribbble.com/shots/18351556-Prodcast-App)](https://cdn.dribbble.com/users/11876431/screenshots/18351556/media/68f5c0a0b0da8968f267fcb57ef8a724.png)

by [App Ninja](https://dribbble.com/shots/18351556-Prodcast-App)

---

## Tweets

{% twitter 1529169223720869891 %}

{% twitter 1529869352660439048 %}

{% twitter 1529756219086348288 %}

{% twitter 1530566567959863304 %}

---

## Picked Pens

### What if `<input type="range">` was segmented?

{% codepen https://codepen.io/jh3y/pen/wvypbeQ %}

by [Jhey](https://twitter.com/jh3yy)

### Netlify loading animation

{% codepen https://codepen.io/lynnandtonic/pen/oNEjOgW %}

by [Lynn Fisher](https://twitter.com/lynnandtonic)

---

## Podcasts worth listening

### TypeScript Tooling Explained

In this episode of Syntax, Wes and Scott talk through TypeScript tooling, build tools, configs, and editors.

{% spotify spotify:episode:6IY0ILNKdmaLAF7mSXRzl3 %}

---

Thank you for reading, talk to you next week, and stay safe! 👋