zart
envsafe
zart | envsafe | |
---|---|---|
5 | 3 | |
667 | 778 | |
- | - | |
3.6 | 0.0 | |
over 1 year ago | 12 months ago | |
TypeScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
zart
-
Type-safe env variables
Disclaimer: This post is inspired by env-safe by @alexdotjs and his recent Twitter reply to my thread, where he suggested handling environmental variables in Typescript with a generic schema validation library over a dedicated library. If youโre not following Alex on Twitter yet, you should definitely do it now!
-
a first look at create-t3-app
Thankfully, my hopes were fulfilled when lead tRPC maintainer, Alex Johansson opened a PR with a tRPC Cell example that he acknowledged was influenced by RedwoodJS.
-
The type-safe guide to tRPC
Follow Alex aka Katt, the creator of tRPC.
- Best way to share code between React App, React Native App, and NodeJs server?
-
Best React Developer Experience?
The zART Stack looks perfect for a workflow that includes web and native mobile apps.
envsafe
-
Next.js with Public Environment Variables in Docker
To further secure your environment variables, consider using envsafe for validation and type safety. Install the package and adjust the env/env.ts file accordingly along with the variable types:
-
Type-safe env variables
Disclaimer: This post is inspired by env-safe by @alexdotjs and his recent Twitter reply to my thread, where he suggested handling environmental variables in Typescript with a generic schema validation library over a dedicated library. If youโre not following Alex on Twitter yet, you should definitely do it now!
-
Bundle environment variables in create-react-app at launch time (not build time)!
In next JS it's much easier. It's not static, node can read the environment variables. For validation and type safety, you can use this.
What are some alternatives?
zustand - ๐ป Bear necessities for state management in React
react-env - Runtime environment variables for react apps.
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
react-starter-kit - The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
SWR - React Hooks for Data Fetching
envy - Envy allows you to synchronize environment variables across different machines.
focal - Program user interfaces the FRP way.
examples-next-prisma-starter - ๐ tRPC starter repo with E2E-testing
zod - TypeScript-first schema validation with static type inference
global-env - Dynamically evaluate environment variables at runtime.
visx - ๐ฏ visx | visualization components
onyxia - ๐ฌ A data science oriented container launcher