Name		Name	Last commit message	Last commit date
Latest commit History 62 Commits
.husky		.husky
.storybook		.storybook
.vscode		.vscode
public		public
src		src
.env		.env
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.lintstagedrc.js		.lintstagedrc.js
README.md		README.md
commitlint.config.js		commitlint.config.js
config-overrides.js		config-overrides.js
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

Repository files navigation

Solana dApp UI template

Tech stacks

create-react-app (v5.0.0)
TypeScript (v^4.6.3)
@solana/wallet-adapter
ESLint (eslint-config-google)
husky & lint-staged & @commitlint
tailwindcss
storybook

References

Getting the project up and running

yarn install
# development
yarn start
# production
yarn build

TODOs

Currently some type related errors are suppressed by @ts-expect-error. This comment should be removed by typing them correctly.
- Keep an eye out for Solana web3 Program constructor is expecting a json as one of params.
Consider You'll notice that when you refresh, you lose the state of the program. This is because we are dynamically generating the base account when the program loads. If you wanted to read and interact with the program data across various clients, you would need to create and store the Keypair somewhere in your project. I've put together a gist of a naive approach of how this might look.
Handle the console warning Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot.