1) Typescript Basics
What is typescriptTypeScript is a statically typed superset of JavaScript developed and maintained by Microsoft. It adds optional static types to JavaScript, allowing for improved development tools an
Jul 11, 20243 min read15
Command Palette
Search for a command to run...
Series
Typescript
2) Typescript Variables
Static Typing in TypeScriptStatic typing means variables, functions, and objects have predefined types checked during compile time. // Javascript Example let age = 25; age = "Rahul"; // Allowed in JS
Jul 11, 20244 min read95) Typescript Union Types
Union TypesA Union Type allows a variable to hold multiple possible types. A union type is created using the | (pipe) symbol between the types. type Status = "loading" | "success" | "error"; // OR let
Jul 11, 20243 min read96) Typescript Generics
Generic FunctionsGenerics in TypeScript allow you to create reusable, type-safe components, functions, hooks, and interfaces without hardcoding types. They help React developers build: reusable UI com
Jul 11, 20242 min read78) React Project with Typescript
React + TypeScript Project SetupUsing Create React App npx create-react-app my-app --template typescript This creates, my-app/ ├── src/ │ ├── App.tsx │ ├── index.tsx │ └── react-app-env.
Jul 11, 20243 min read710) Typescript Events
Input EventsInput events are triggered when the user interacts with form fields like: , i) onChange Event import React, { useState } from "react"; const InputExample = () => { const [name, setName]
Jul 12, 20242 min read7