Sometimes you don’t really know what error your backend or API is providing so Typescript will question the type on your 

 block your using so this are the different types you can use.

 as type is available as the errors type but this is discourage due to the loss of type safety.

 keyword is also available but also may loss of type safety and makes a runtime error if your assumption is incorrect

if you have a strong idea of the error’s origin and certain that specific type of error will be thrown you can use the 

 forces type narrowing. Before you can access any properties or call any methods on caught error, you must first check its type.

checks whether an object belongs to a particular class or its subclasses

Sometimes you don’t really know what error your backend or API is providing so Typescript will question the type on your try...catch block your using so this are the different types you can use.

TS Basic: Typing Errors in Try-Catch

Type utilities you can use to transform types or make them more reusable. These are set of built-in generic types.

creates a new type by excluding specific properties from an existing type

creates a new type by selecting a specific properties from an existing type

create an object type with specific keys and values

this utility can be used to map the properties of a type to another type

 meaning the properties of the type cannot be reassigned.

https://www.typescriptlang.org/docs/handbook/utility-types.html

TS Basic: Utilities

Narrowing refers to the process of refining the type of a variable or expression based on certain condition. It’s allow us to filter more specific assertions about the type of a value enabling better type checking.

In a nut shell this is a condition statement that compares the type of a variable incase of that variable has different kind

it is useful for quickly distinguishing between different primitive type like string, number, boolean, undefined and null

refers to a type narrowing that occurs when you use a truthy or falsy value in conitional statement.

a type narrowing that occurs when you use equality or inequality operators to compare value.

you can also define your own type guards using type pedantic

custom type guard allows you to define your own logic for narrowing based on your specific requirements. Especially useful when working with complex data structure

TS Basic: Narrowing

At the moment the missus uses a worksheet to store her tasks and meeting notes for her work. This application will help her store it on a cloud database for portability and additional features that she wants like sorting by categories or adding priority level to her task.

My goal for this project is to learn the NextJs Server Component use Appwrite as my database and do all my code using Typescript.

A task list application for storing work-related tasks and notes. Unlike a simple to-do list application this will be able to add categories and priorities for sorting and reporting purposes. 

Tasks List

After 4 years of Front-end Development, I decided to update my old portfolio website. 

For my new portfolio website, I planned to incorporate Nextjs and Sanityio. Additionally, I aim to include a feature where I can share updates on my web development journey, including blogs and showcase my work.

I am currently updating my portfolio website after three years of working as a front-end developer, utilizing ReactJs and NextJs.

Hi, I'm Owa Aquino.

👉 This website is here to help me become a better developer.

💻 What I'm working on

Tasks List

Portfolio v3

📝Latest Posts

TS Basic: Typing Errors in Try-Catch

TS Basic: Utilities

TS Basic: Narrowing