Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

⚡️ Pro Tip: Supercharge process.env with TypeScript! Unlock the power of typed .env files and enjoy seamless code completion in TypeScript. 😱 All you need is a simple environment.d.ts with a few lines of code 👇

Simon Grimm

16,667 subscribers

11,555 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

8 Comments

The Solomon1 year ago

You still have to declare it at two places though. 😅

ahmed1 year ago

Nice but I think it's better to use zod to validate at runtime + have type safery.

Antonio Passarelli1 year ago

works on WebStorm as well 😍 nice one!!!

Shelton Louis1 year ago

Or you could use this!

Denis1 year ago

I am using zod, but will give it a try 👍

Maurice Wipf1 year ago

Great, thanks a lot!

Enoch Klu1 year ago

This is a great tip! But why does adding `export {}` enable the code completion?

an lê xuân1 year ago

Is there any same thing with Golang

Related Videos

GraphQL to TypeScript type, no code gen. Written purely in TypeScript type. With Prisma-like query syntax fully type-safe. Should cover almost all of the GraphQL specs, now. Here's a demo.

GraphQL to TypeScript type, no code gen. Written purely in TypeScript type. With Prisma-like query syntax fully type-safe. Should cover almost all of the GraphQL specs, now. Here's a demo.

SaltyAom

100,697 views • 2 years ago

You can achieve this smooth, native number transition using Expo-ui with just a few lines of code. All without writing a single line of native code! 🚀 Here is how you can do it 👇

You can achieve this smooth, native number transition using Expo-ui with just a few lines of code. All without writing a single line of native code! 🚀 Here is how you can do it 👇

Hewad Mubariz

61,263 views • 3 months ago

You write frontend code. You write backend code. Wasp lets you write a third kind: full-stack code. Pages, routes, auth, jobs, and more, all defined in a single spec that ties your whole app together. And as of today, it's 100% TypeScript. 🟦 Introducing the Wasp TS Spec. 🐝👇

You write frontend code. You write backend code. Wasp lets you write a third kind: full-stack code. Pages, routes, auth, jobs, and more, all defined in a single spec that ties your whole app together. And as of today, it's 100% TypeScript. 🟦 Introducing the Wasp TS Spec. 🐝👇

Matija Sosic

10,704 views • 17 days ago

Do you know about ReturnType in TypeScript? What about Awaited or Parameters? Utility types can unlock a lot of power to keep your code type safe, even when your npm packages aren't perfect More magic you can do with utility types in my latest article:

Do you know about ReturnType in TypeScript? What about Awaited or Parameters? Utility types can unlock a lot of power to keep your code type safe, even when your npm packages aren't perfect More magic you can do with utility types in my latest article:

Steve (Builder.io)

268,411 views • 3 years ago

✨ Discovering Dart code snippets in VS Code. Just type a short prefix, and watch the magic of auto-completion. Pro tip: Screenshot those handy snippets at the end! →

✨ Discovering Dart code snippets in VS Code. Just type a short prefix, and watch the magic of auto-completion. Pro tip: Screenshot those handy snippets at the end! →

Flutter

13,967 views • 1 year ago

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

57,750 views • 2 years ago

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

⚛️ React + Typescript Tip: How to create short and easy to remember event types with Typescript ↓

George Moller

89,542 views • 1 year ago

We ran Claude code in a while loop and it ported Browser Use to Typescript

We ran Claude code in a while loop and it ported Browser Use to Typescript

Simon Farshid

79,072 views • 9 months ago

Awesome demo showing the power of TypeScript and TypeChat to get well-typed, structured data from LLMs 🤯 from Daniel Rosenwasser

Awesome demo showing the power of TypeScript and TypeChat to get well-typed, structured data from LLMs 🤯 from Daniel Rosenwasser

AI Engineer

62,573 views • 2 years ago

pip install dria All you need to generate high-quality, grounded synthetic data. Experiment with different models, incorporate tool usage, and generate at scale in just a few lines of code.

pip install dria All you need to generate high-quality, grounded synthetic data. Experiment with different models, incorporate tool usage, and generate at scale in just a few lines of code.

Dria

19,351 views • 1 year ago

One of the Lightning 2.0 highlights is the open source Fabric library ( Fabric let's you scale you PyTorch code with only a few lines of code. Used the pre-release for my research & it's amazing! Here's a quick demo + code:

One of the Lightning 2.0 highlights is the open source Fabric library ( Fabric let's you scale you PyTorch code with only a few lines of code. Used the pre-release for my research & it's amazing! Here's a quick demo + code:

Sebastian Raschka

74,833 views • 3 years ago

WoV Labs Presents: The Phygital Revolution ⚡️ A seamless tool that allows all creators to bridge any physical item with its digital twin in just a few simple steps. Simple. Instant. Groundbreaking. Explore the power of phygitals now!

WoV Labs Presents: The Phygital Revolution ⚡️ A seamless tool that allows all creators to bridge any physical item with its digital twin in just a few simple steps. Simple. Instant. Groundbreaking. Explore the power of phygitals now!

World Of V | Green NFT Marketplace

37,771 views • 2 years ago

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.

🔥 TypeScript Tip 🔥 Building your own VSCode extension from scratch is pretty easy to get started with! Here's a working setup and a few tips in less than 90 seconds.

Matt Pocock

46,888 views • 3 years ago

Algorand has all the features builders need in an L1. Our engineering team is always working towards improving Algorand's developer tools. Our next destination? AlgoKit 3 🧰 A few of the upcoming features include: 🟢 Typescript support 🟢 Line by line debugging support for Python and Typescript 🟢 Visualization of your transactions

Algorand has all the features builders need in an L1. Our engineering team is always working towards improving Algorand's developer tools. Our next destination? AlgoKit 3 🧰 A few of the upcoming features include: 🟢 Typescript support 🟢 Line by line debugging support for Python and Typescript 🟢 Visualization of your transactions

Algorand Developers

24,074 views • 1 year ago

Just Replaced 30 engineers with 30 agents to build an entire codebase in 12 days The agents handled everything: - 44K lines of TypeScript - 175 PRs opened - 1,500+ tests written - All CI failures self-corrected fully open source, link to code below

Just Replaced 30 engineers with 30 agents to build an entire codebase in 12 days The agents handled everything: - 44K lines of TypeScript - 175 PRs opened - 1,500+ tests written - All CI failures self-corrected fully open source, link to code below

Karan Vaidya

483,570 views • 4 months ago

A quick Visual Studio Code tip you may not know: you can select bracket and string content with a simple double-click 🖱️

A quick Visual Studio Code tip you may not know: you can select bracket and string content with a simple double-click 🖱️

Visual Studio Code

590,027 views • 2 months ago

We just announced Stripe Scripts—one of the most powerful primitives we’ve ever shipped, starting with Billing. In a few lines of code you can now change *how* Stripe works. And we’ll host and run *your* code for you.

We just announced Stripe Scripts—one of the most powerful primitives we’ve ever shipped, starting with Billing. In a few lines of code you can now change how Stripe works. And we’ll host and run your code for you.

Vivek Sharma

20,091 views • 1 year ago

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

144,698 views • 2 months ago