Configuring React
Last updated
Last updated
React is currently one of the most popular UI Frameworks. We are going to help you configure React + the Vite builder with the @injectivelabs
packages and some polyfills since you'll need them to interact with Crypto wallets.
Follow the Getting Started guide at and setup your application.
You can install the @injectivelabs packages using yarn.
These are the most commonly used packages from the injective-ts
monorepo.
First, add the needed polyfill packages
React has a lot of different state managers, pick the one you are going to use and install it. You can use the build in Context API
for state management without the need to install a third-party solution. The preferred third-party state managers are Redux
and Zustand
.
The last step is to configure Vite to use the node-polyfills
that we installed earlier.
Open up vite.config.ts
and add node-polyfills
inside the plugins
array.
Your config should look like this:
Finally, you can start your app locally using yarn dev
or build for production using yarn build
which you can deploy to any static page hosting like Netlify, Vercel, etc.