Typescript & React Server Component Goodies 💖

If you recently heard about React Server vs Client Components, they are the hot news🔥 in Next.js 13. Their RFC (Request for Proposal) was released a year ago but released with Next.js 13 recently.

Let's review a snippet, aka a snack, to learn how they work,

If you need interactivity, such as onClick handlers, or want to use React lifecycle hooks such as useEffect, useCallback etc., then you need to add the directive 'use client'. If you don't, then do nothing, as it's a server-side component. It will make sense if you start thinking of React components like the backend.

Latest Frontend Gossip/News 🤫

TypeScript 4.9 has landed This means you can now use the 'satisfies' operator. In a nutshell, it allows you to check if the type matches one of these listed types. For example,

Frontend Developers Toolbox 🧰

  • FontJoy: Provides you with a font pairing to make your site look good
  • Icons: Gorgeous looking icons for free and open sourced

Before you go,

I have a favour to ask. In the next couple of weeks, I'll be running a “Black Friday” promotion and wanted to know what you are currently working on that you need help with. I'm planning to create more newsletter-specific short videos, so anything you ask, I'll create a video and share with everyone.

Please don't overthink this. Just hit 'Reply' to the email and let me know.

That's all the snacks you can get today! :D I'll talk to you next week.

A Frontend Newsletter that you'll love! 💖