Yan Sun I am a full-stack developer. Love coding, learning, and writing.

Stories by Yan Sun

How To Build A Component Library With React And TypeScript

How to build a component library with React and TypeScript

Dev

In this article, we’ll learn what a component library is and how to build a custom component library using React and TypeScript.

Yan Sun
Oct 23, 2024 ⋅ 13 min read
Types vs. Interfaces in TypeScript

Types vs. interfaces in TypeScript

Dev

It can be difficult to choose between types and interfaces in TypeScript, but in this post, you’ll learn which to use in specific use cases.

Yan Sun
Sep 5, 2024 ⋅ 9 min read
Zoneless Change Detection In Angular 18

Zoneless change detection in Angular 18

Dev

Angular v18 introduced an experimental feature called zoneless change detection, eliminating the need for Zone.js.

Yan Sun
Jul 15, 2024 ⋅ 5 min read
Server Side Rendering In Angular 16 And Beyond

Server-side rendering in Angular 16 and beyond

Dev

Angular 16 is a major release, introducing powerful improvements to server-side rendering that bring it up to speed with React and Next.js.

Yan Sun
May 15, 2024 ⋅ 8 min read
How To Use The `Keyof` Operator In TypeScript

How to use the keyof operator in TypeScript

Dev

Use the TypeScript `keyof` operator with features like generics, mapped types, and template literal types to improve type safety in your code.

Yan Sun
Nov 27, 2023 ⋅ 8 min read
Implementing safe, dynamic localization in TypeScript apps

Implementing safe, dynamic localization in TypeScript apps

Dev

After internationalization, you can further localize your apps to make user experiences more friendly. Learn how to do this in TypeScript.

Yan Sun
Nov 21, 2023 ⋅ 6 min read

Using ArkType for TypeScript runtime validation

Dev

Learn about ArkType, a new library for TypeScript that parses type definitions into strings and converts them to state objects.

Yan Sun
May 22, 2023 ⋅ 7 min read
Understanding guards in NestJS

Understanding guards in NestJS

Dev

Learn how to create fine-grained access controls using guards in NestJS with TypeScript, and test the guards using Postman.

Yan Sun
Mar 10, 2023 ⋅ 5 min read

Phero: Build a type-safe, full-stack app with TypeScript

Dev

Phero is another TypeScript framework for building type-safe backend APIs for full-stack apps. Learn how to build with and migrate to it.

Yan Sun
Dec 21, 2022 ⋅ 7 min read
Debugging Your Backend Like a Frontend with Sidekick

Debugging your backend like a frontend with Sidekick

Dev

Learn how to debug with ease with Sidekick, a secure and lightweight, and non-intrusive debugging tool.

Yan Sun
Oct 12, 2022 ⋅ 5 min read
Comparing four NestJS ORMs

Comparing 4 popular NestJS ORMs

Dev

Make choosing your NestJS ORM easy with this detailed guide to four of the most popular options: Sequelize, TypeORM, MikroORM, and Prisma.

Yan Sun
Jun 13, 2022 ⋅ 10 min read
Investigating the Angular typed form RFC prototype

Investigating the Angular typed form RFC prototype

Dev

The infamous issue #13721 for strongly typed reactive forms in Angular is finally slated for release in Angular 14. Learn about the prototype here.

Yan Sun
Feb 8, 2022 ⋅ 7 min read