How To Strongly Type process.env
Learn how to strongly type process.env in TypeScript by either augmenting global type or validating it at runtime with t3-env.
Need to manually type a JSON file?
I learned today that you can add a .d.json.ts
file to manually assign a type to a JSON import.
For example, if you have a data.json
file, you can create a data.d.json.ts
file and define the type inside:
// data.d.json.ts
declare const data: Record<string, string>;
export default data;
You can change the Record<string, string>
type to match the desired shape.
To make TypeScript recognize .d.json.ts
files, you need to add a setting in your tsconfig.json
:
json
{"compilerOptions": {"allowArbitraryExtensions": true}}
This setting lets TypeScript use .d.json.ts
files.
This technique can be particularly useful when working with large .json
files used for test fixtures. If TypeScript infers the type of all the data in the file, it can significantly slow down the TypeScript transpilation process - and your IDE.
By assigning a broader type like Record<string, string>
, TypeScript will use the specified type instead. This optimization can greatly improve the performance of your TypeScript transpilation.
Share this article with your friends
Learn how to strongly type process.env in TypeScript by either augmenting global type or validating it at runtime with t3-env.
Discover when it's appropriate to use TypeScript's any
type despite its risks. Learn about legitimate cases where any
is necessary.
Learn why TypeScript's types don't exist at runtime. Discover how TypeScript compiles down to JavaScript and how it differs from other strongly-typed languages.
Improve React TypeScript performance by replacing type & with interface extends. Boost IDE and tsc speed significantly.
In this book teaser, we discuss deriving vs decoupling your types: when building relationships between your types or segregating them makes sense.
Learn how TypeScript's new utility type, NoInfer, can improve inference behavior by controlling where types are inferred in generic functions.