正在加载视频...

视频加载失败

返回首页

⚡️ 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 👇

schlimmson's profile picture

Simon Grimm

16,667 subscribers

11,555 次观看 • 1 年前 •via X (Twitter)

教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

The Solomon 的头像
The Solomon1 年前

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

ahmed 的头像
ahmed1 年前

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

Antonio Passarelli 的头像
Antonio Passarelli1 年前

works on WebStorm as well 😍 nice one!!!

Shelton Louis 的头像
Shelton Louis1 年前

Or you could use this!

Denis 的头像
Denis1 年前

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

Maurice Wipf 的头像
Maurice Wipf1 年前

Great, thanks a lot!

Enoch Klu 的头像
Enoch Klu1 年前

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

an lê xuân 的头像
an lê xuân1 年前

Is there any same thing with Golang

相关视频

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.
1:45

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 次观看 • 2 年前

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. 🐝👇
8:38

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 次观看 • 17 天前

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 👇
0:21

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 次观看 • 3 个月前

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:
2:50

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 次观看 • 3 年前

✨ 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! →
0:58

✨ 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 次观看 • 1 年前

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

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

George Moller

57,750 次观看 • 2 年前

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

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

George Moller

89,542 次观看 • 1 年前

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

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

Simon Farshid

79,072 次观看 • 9 个月前

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

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

AI Engineer

62,573 次观看 • 2 年前

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.
0:52

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 次观看 • 1 年前

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:
1:12

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 次观看 • 3 年前

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!
1:52

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 次观看 • 2 年前

🔥 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.
1:23

🔥 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 次观看 • 3 年前

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
1:00

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 次观看 • 1 年前

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
1:14

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 次观看 • 4 个月前

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

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 次观看 • 2 个月前

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.
1:04

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 次观看 • 1 年前

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: 👇🏼
0:59

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 次观看 • 2 个月前