Practice TypeScript Techniques Building React Server Components App

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
Rate this content
Bookmark
SlidesGithub
This video covers various TypeScript techniques to enhance productivity and application quality. It discusses the use of default parameters to make code more flexible and the syntax limitations of type mappings in TypeScript. Debugging can be challenging, but experimentation can lead to useful utilities. The video explains how Next.js has two routers, with the new app router supporting React Server Components for server-side rendering and data fetching. It also highlights the importance of local type checking and integrating checks into CI/CD pipelines to catch errors early. The 'satisfies' operator in TypeScript helps catch errors related to missing properties at compile time. Opaque types ensure type safety by differentiating between similar primitive types. Enabling the 'noUncheckedIndexedAccess' option in TypeScript improves type checking by preventing errors caused by accessing undefined properties. The video emphasizes the importance of compiling code to catch errors and using various TypeScript features like template literal strings and type mappings.

From Author:

In this hands-on workshop, Maurice will personally guide you through a series of exercises designed to empower you with a deep understanding of React Server Components and the power of TypeScript. Discover how to optimize your applications, improve performance, and unlock new possibilities.
 
During the workshop, you will:
- Maximize code maintainability and scalability with advanced TypeScript practices
- Unleash the performance benefits of React Server Components, surpassing traditional approaches
- Turbocharge your TypeScript with the power of Mapped Types
- Make your TypeScript types more secure with Opaque Types
- Explore the power of Template Literal Types when using Mapped Types
 
Maurice will virtually be by your side, offering comprehensive guidance and answering your questions as you navigate each exercise. By the end of the workshop, you'll have mastered React Server Components, armed with a newfound arsenal of TypeScript knowledge to supercharge your React applications.
 
Don't miss this opportunity to elevate your React expertise to new heights. Join our workshop and unlock the potential of React Server Components with TypeScript. Your apps will thank you.

This workshop has been presented at TypeScript Congress 2023, check out the latest edition of this JavaScript Conference.

FAQ

Muriste Baeijer is known as the problem solver and is recognized for being a Microsoft MVP instructor, troubleshooter, and front-end developer with a focus on the product industry.

Participants in the workshop will learn various TypeScript techniques aimed at enhancing productivity and application quality, including using type mappings, template literal strings, opaque types, and exploring strict TypeScript options.

While knowing React is helpful, it is not necessary to participate in the workshop as the focus is primarily on TypeScript techniques.

Participants need to have Node.js, NPM, and Git installed to clone the workshop's Git repository and install dependencies.

Workshop materials, including code and slides, are available on GitHub. Links to these resources are shared in the workshop's chat on platforms like Zoom and Discord.

The 'noUncheckedIndexedAccess' option in TypeScript provides stricter type checking by including 'undefined' in the index signature results, helping to prevent errors that occur when accessing array elements that might not exist.

In TypeScript, an opaque type is a subtype of a basic type (like string or number) that is used to prevent errors by making different types of data incomparable at compile time, even though they might be the same underlying type.

Maurice de Beijer
Maurice de Beijer
131 min
28 Sep, 2023

Comments

Sign in or register to post your comment.

Video Transcription

Video transcription and chapters available for users with access.