Show HN: Vite React Boilerplate – A Production Ready, Scalable Starter Template
2 by ricardodevelop | 0 comments on Hacker News.
Hello everyone, I’ve created this starter project for creating production ready web apps in Vite and React that I hope some might find useful. This template came about as a necessity to provide some standardization across new projects at work. A few of the initial goals when creating this project were to: - Reduce setup time - Standardize codebase with ESLint and Prettier - Improve commit messages with tools like husky, commitizen and commitlint - Improve codebase maintainability and scalability by providing a reasonable folder structure - Simplify React Component development through use of tools like Storybook - Improving codebase stability with unit and E2E tests via Vitest + React Testing Library and Playwright respectively - Ease the deployment process by providing a simple starter Dockerfile In addition to all the aforementioned goals, I also wanted to use modern tools such as React Query + Zustand for state management, React Hook Form + Zod for creating and validating forms, Tailwind CSS for building out UI’s, etc. I tried to cover everything I, and others, might need but recognize that everyones requirements are different. Luckily, this isn’t a framework so removing unneeded packages or adding new ones is as simple it would normally be. The project itself doesn’t come with a demo as its purpose is to simply provide a foundation for any new projects you might have in mind. Feedback is always welcome and I appreciate anyone willing to checkout this project. Thank you and have a great day.
2 by ricardodevelop | 0 comments on Hacker News.
Hello everyone, I’ve created this starter project for creating production ready web apps in Vite and React that I hope some might find useful. This template came about as a necessity to provide some standardization across new projects at work. A few of the initial goals when creating this project were to: - Reduce setup time - Standardize codebase with ESLint and Prettier - Improve commit messages with tools like husky, commitizen and commitlint - Improve codebase maintainability and scalability by providing a reasonable folder structure - Simplify React Component development through use of tools like Storybook - Improving codebase stability with unit and E2E tests via Vitest + React Testing Library and Playwright respectively - Ease the deployment process by providing a simple starter Dockerfile In addition to all the aforementioned goals, I also wanted to use modern tools such as React Query + Zustand for state management, React Hook Form + Zod for creating and validating forms, Tailwind CSS for building out UI’s, etc. I tried to cover everything I, and others, might need but recognize that everyones requirements are different. Luckily, this isn’t a framework so removing unneeded packages or adding new ones is as simple it would normally be. The project itself doesn’t come with a demo as its purpose is to simply provide a foundation for any new projects you might have in mind. Feedback is always welcome and I appreciate anyone willing to checkout this project. Thank you and have a great day.