React TS Starter Kit (@abilovelchin)

The best front-end starter kit for building web applications with React & TypeScript.

Features

• Perfect folder structure
• @redux/toolkit configuration
• RTK Query
• Vite JS: Next generation frontend tooling
• Vite module resolver: It also allows you to setup a custom alias for directories, specific files
• React router configuration
• Tailwind CSS framework
• and more

Directory Structure

├──src       ├──assets       ├──components       ├──constants       ├──pages       ├──routes       ├──services       ├──store       ├──types       ├──utils       ├──main.tsx       ├──vite-env.d.ts ├──.env ├──.gitignore ├──index.html ├──package.json ├──postcss.config.cjs ├──README.md ├──tailwind.config.cjs └──tsconfig.json ├──tsconfig.node.json ├──vite.config.ts

Getting Started

Generate a new project from this template, clone it, install project dependencies, update the environment variables found in .env, and start hacking.

npx method

$ npx @abilovelchin/react-ts-starter-kit example
$ cd ./example
$ npm run dev

git clone method

$ git clone https://github.com/abilovelchin/react-ts-starter-kit.git example
$ cd ./example
$ yarn install
$ yarn start