GitHub - MMMany/sample-react-ts-vite

Sample "React + MUI + TypeScript + Vite" project

This is sample project for "React + MUI" frontend application.

Requirements

  • node v22.x

Core packages

  • Application
    • react
    • react-router
    • @mui/material
    • zustand
    • @tanstack/react-query
    • i18next
    • react-i18next
  • Bundler
    • vite
  • Dev Environments
    • eslint
    • prettier
    • husky
    • lint-staged
  • Test
    • vitest
    • msw
    • @testing-library/react

Structure

Reference : https://feature-sliced.design/kr/docs/get-started/overview alt text

Order Layer Description
1 app application settings
2 pages full-page components
3 widgets independent components
(like 'Header', 'Footer', 'AppMenu', etc)
4 services core business logic
5 shared reusable features
(like utils)

How to start

  1. Install dependencies
  1. Start dev server