A background image for the simonporter blog

Weekend Reading

Chat GPT-4 ruled the week, TS 5.0, and new docs!

3 min read

Hello folks!

It was a different acronym that took over this week, it seems that there was nothing but GPT-4. "GPT-4 has changed our lives!", "GPT-4 is blowing my mind!", whilst others preferred to focus else where ๐Ÿ˜…

Still, there was still some good stuff to be catching up on with React and TypeScript, so get your coffee, put your feet up, and let's catch up with some weekend reads.


Adam was looking to gauge interest in adding ESM/TS support for TailWind config, which after a 65% poll in favour, ended up being implemented on his birthday! Happy birthday Adam ๐ŸŽ‚ but this is pretty neat. It was always possible to import the TailWind Types via comment for VS Code intellisense1, but this makes it a firm feature which is a move in the right direction for sure. Hopefully more libraries follow suit.

Kent absolutely won the troll game with so much GPT-4 going around. Pure joy ๐Ÿ˜†

I really love this style of info dumping. Short bursts via whiteboard from Ben with his WhiteboardTheWeb series. If you aren't following already, it's well worth a go. This weeks is on point with React Suspense and Client/Server side fetching.

Matt meanwhile was having fun with React types and running into some problems. So much so that Dan jumped on to ask how he could help fix them. It's so great to see this work in the open and the boffins coming together to work on solutions. Catch Matt's live stream replay for the full rundown.

Speaking of TypeScript, we had TS 5.0 release this week! There's a few new interesting features, my fave being the const params is now a thing (goodbye as const!) and decorators. Not sure how I feel about decorators, as it reminds me far too much of OOP that we shy away from in JS-land, but I'm willing to be swayed.

Another big release this week was the new React docs finally going live from beta. This has been a multi year project and it's great to see it finally come to fruition. It's a huge resource for learning all about React from simple to advanced concepts. I've really enjoyed the beta docs for some time, but you can find them now on react.dev.

Julien had an interesting take on Generics with React Query options. Reading Tkdodo's recommendations made me pause for thought, we've been happily using the Generic version to allow for all options to be provided just for future proofing, but perhaps inference (and basically more zod) is the way to go.


This Week In React

My top picks for TWIR:

Andrew writes about his experience learning react and remix and the web APIs. It's a nice reminder that you don't need to stay in the same technology just because. There are web APIs available to us, even if we're mostly writing React. Same goes for some CSS and TailWind I find.

A history of hooks by Brad is a nice little reminder of how we got to where we are today. Let's just skip over the 2016 period as the dark days ๐Ÿ˜†

And that's all she wrote!

Footnotes

  1. If you imported this line above your tailwind module.exports, it would allow for this: /** @type {import('tailwindcss').Config} */ โ†ฉ