Weekend Reading
Tags: news, javascript, react, webdev
Published: 2023-04-15 22:30:00

---
title: Weekend Reading
published: true
date: 2023-04-15 22:30:00 UTC
canonical_url: https://www.simonporter.co.uk/posts/weekend-reading-2023-04-15
tags: news,javascript,react,webdev
---
![Women sits at a cafe reading](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/24mzs5rplvt0vutslkuz.jpeg)
## hello folks!

A fairly quiet week this week in the land of React. Lots of folks seem to be gearing up for conferences and presentations, and the Easter holidays continued. So perhaps people were enjoying some time unplugged.

Elsewhere the \*ust foundation tried to implode on itself and we had a new Chrome release, so let's jump in.

* * *

Anthony found a neat little trick I'd not seen before in GitHub, the ability to generate tables from slash commands! Neat.

{% twitter https://twitter.com/anthonysheww/status/1644719245690048513?s=20 %}

Devon shows off some of the new React Aria design system we mentioned last week. I want to give this a try, as it does look super neat.

{% twitter https://twitter.com/devongovett/status/1645465276874407938?s=20 %}

This is a nice little idea to help onboard new developers to your team if using VSCode. A file that recommends extension installation when opening the project.

{% twitter https://twitter.com/housecor/status/1645459301249458177?s=20 %}

Delba gives a real tidy overview of the new file based metadata API that Vercel released last week. Still wanting to give the new API a try!

{% twitter https://twitter.com/delba_oliveira/status/1645840553597362176?s=20 %}

Dominik (of React Query) was on This Dot Media this week discussing [what it's like to maintain a successful open source project](https://www.youtube.com/watch?v=iUrGK4Hxrz8). This one's currently on my "to-watch" list.

Freecodecamp had an article about [Git branching commands](https://twitter.com/freeCodeCamp/status/1645759134548078593?s=20). I still struggle with my Git-fu, and prefer to rely on VSCode, but still need to reach for the CLI on occasion. Which inevitably involves a Google :sweat_smile: Hopefully more articles like this can cement some knowledge.

GitHub announced it's [first 20 contributors](https://github.blog/2023-04-12-github-accelerator-our-first-cohort-and-whats-next/) to receive it's $20K grant to attempt to create sustainable open source. Some recognizable names in the list, most notably TRPC of course!

Trash has been tweeting quite a few TS tips recently. Completing Matt's Total TypeScript course seems to have rekindled some TS :heart: Love this TS magic.

{% twitter https://twitter.com/trashh_dev/status/1646294594135691268?s=20 %}

Speaking of, Matt has released his new TS helper library, shoehorn. To help with types during testing when you aren't working with a complete data set

{% twitter https://twitter.com/mattpocockuk/status/1646409044620460033?s=20 %}

Josh has been testing out a new way of working that I'd not heard of before. It rings true from the occasions this has happened to me, but I hadn't thought of doing it intentionally. Sounds interesting!

{% twitter https://twitter.com/JoshWComeau/status/1646658776890580994?s=20 %}

* * *

## This Week In React

Congrats Seb on 20K subscribers! :scream: My top picks for [TWIR](https://thisweekinreact.com/):

Interesting RFC from Vercel on [integrating third-party scripts](https://github.com/vercel/next.js/discussions/48256) using next/third-parties (and next/script)

With create-react-app officially dead (according to the new React docs) it's interesting to see the [framework popularity on netlify](https://www.netlify.com/blog/framework-popularity-on-netlify/) and how this will change this year.

Nice reminder from ClarityDev on the [most common mistakes when using react](https://claritydev.net/blog/the-most-common-mistakes-when-using-react). A lot here I try and keep in the forefront, but sometimes forget in the moment. A useful list to print out!

* * *

## CSS Weekly

[A nice rundown](https://ishadeed.com/article/css-text-wrap-balance/) of the experimental support for `text-wrap: balance` by Ahmed

Ryan shows off [intersection observers with sticky headers](https://ryanmulligan.dev/blog/sticky-header-scroll-shadow). Pretty neat!

[Atlas Icons](https://atlasicons.vectopus.com/) has 2.7K free icons for use, including a Figma library, very cool.

Until next time. Thanks for reading!