React-emotion-starter NPM

React-Emotion-Starter

This starter provides a minimal setup for creating a react application.

👉 View Demo and Document

Quick Start

npx react-emotion-starter my-app
cd my-app
npm run dev # or yarn dev

Tech Stack

React, TypeScirpt, Emotion, Recoil, Tanstack-Query
React Router, ESLint, Prettier, Vite, I18next

Folder Structure

src
├─ apis          # API calls
├─ assets        # Static assets
├─ components    # Reusable components
├─ constants     # Reusable constants
├─ hooks         # Custom hooks
├─ interfaces    # Type definitions
├─ locales       # Localization
├─ pages         # Page components
├─ routes        # Routes configuration
├─ states        # Global states
├─ styles        # Global styles
└─ utils         # Utility functions

Common Components

components
└─shared
  ├─ input         # Button, Input, Select, TextArea, TextField
  ├─ layout        # Box, Flex, Grid
  ├─ media         # Icon, Image, Svg
  ├─ navigation    # Link, NavLink, Pagination
  └─ typography    # Label, Heading, Paragraph, Text