This is a minimal Remix stack to serve as a starting point for demos and debugging. If you need to reproduce a bug in Remix, this stack is a good starting point to do so since it has very little outside of Remix. It's also a good tool if you're trying to demo something Remix-specific.
Learn more about Remix Stacks.
yarn create remix --template colbywhite/acoustic-stack
- Styling with Tailwind
- Unit testing with Vitest and Testing Library
- Code formatting with Prettier
- Linting with ESLint
- Static Types with TypeScript
That's it.
Tailwind and Vitest aren't Remix-specific concepts, but if you quickly need to spin up a demo, a basic styling tool and a test runner will help. And a linter/formatter keeps the code clean for others to grok.
If you need more you can fork this and make it your own.
yarn devThis starts your app in development mode, rebuilding assets on file changes.
For lower level tests of utilities and individual components, we use vitest. We have DOM-specific assertion helpers via @testing-library/jest-dom.
This project uses TypeScript. It's recommended to get TypeScript set up for your editor to get a really great in-editor experience with type checking and auto-complete. To run type checking across the whole project, run yarn typecheck.
This project uses ESLint for linting. That is configured in .eslintrc.js.
We use Prettier for auto-formatting in this project. It's recommended to install an editor plugin (like the VSCode Prettier plugin) to get auto-formatting on save. There's also a npm run format script you can run to format all files in the project.