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