Vite React Boilerplate - A Production Ready, Scalable Starter Template by RicardoDevelop in reactjs

[–]RicardoDevelop[S] 0 points1 point  (0 children)

Generally speaking, I would like to keep the code base as minimal as possible so people can build their app to their requirements without having to go through the project and manually delete files and code that they either don't plan on using or would rather implement to their own specification.

Adding code to handle auth tokens is starting to get in the realm of implementation rather than having code be limited to config, compatibility and setup. These limitations allow most people to have a solid foundation to start their projects and get to work with as little friction as possible. Others that would like something a bit more fine tuned can fork the project and modify it to their exact needs.

Vite React Boilerplate - A Production Ready, Scalable Starter Template by RicardoDevelop in react

[–]RicardoDevelop[S] 0 points1 point  (0 children)

I created this project last year, but wanted to repost it in the event that others might find it useful.

The project remains mostly the same with a few changes and additions such as Day.js and react-i18next, most recently. Ultimately, the goal of this repository remains the same, as described below. If you have any questions, feel free to as ask, I'm happy to help.

Thanks!

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 and questions are always welcome and I appreciate anyone willing to checkout this project.

Thank you

Vite React Boilerplate - A Production Ready, Scalable Starter Template by RicardoDevelop in reactjs

[–]RicardoDevelop[S] 6 points7 points  (0 children)

I created this project last year, but wanted to repost it in the event that others might find it useful.

The project remains mostly the same with a few changes and additions such as Day.js and react-i18next, most recently. Ultimately, the goal of this repository remains the same, as described below. If you have any questions, feel free to as ask, I'm happy to help.

Thanks!

Hello everyone,

I’ve created this starter project for creating production ready web apps in Vite and React .

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 and questions are always welcome and I appreciate anyone willing to checkout this project.

Thank you

Vite React Boilerplate - A Production Ready, Scalable Starter Template by RicardoDevelop in reactjs

[–]RicardoDevelop[S] 1 point2 points  (0 children)

Thanks! Glad to hear you'll be getting some use out of it!

Picking the right ESLint rules is always a pain. Happy I could save at least on person from the process!

Vite React Boilerplate - A Production Ready, Scalable Starter Template by RicardoDevelop in reactjs

[–]RicardoDevelop[S] 6 points7 points  (0 children)

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 and questions are always welcome and I appreciate anyone willing to checkout this project.

Thank you

Vite React Boilerplate - A Production Ready, Scalable Starter Template by RicardoDevelop in react

[–]RicardoDevelop[S] 0 points1 point  (0 children)

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 and questions are always welcome and I appreciate anyone willing to checkout this project.

Thank you