/react-ts-starter-kit

Primary LanguageTypeScript

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