React TS Boilerplate

Technology Stack

• Vite: Efficient build tool for modern browsers.
• React: JavaScript library for building user interfaces.
• TypeScript: Superset of JavaScript with static type-checking.
• ReactRouter: Navigation library for React applications.
• TailwindCss: Utility-first CSS framework for creating custom designs.
• Axios: Promise-based HTTP client for the browser and Node.js.
• Ramda: Functional programming library for JavaScript.
• ahooks: Collection of React Hooks for common tasks.

Quick Start

Install project dependencies

yarn install

Launch the app, it will become available at http://localhost:3000

yarn dev

Project Standards

• xxx
• xxx
• xxx

Directory Structure

├──.vscode — VSCode settings including code snippets, recommended extensions etc
├──public — Static assets such as robots.txt, index.html etc
├──src/assets — Static assets
├──src/components — React public components
├──src/hooks — React public hooks
├──src/pages — Application and page (screen) components
├──src/routes — Application routes components
├──src/theme — External connection service
├──src/utils — Utility functions

Recommended VSCode Extensions

• Tailwind CSS IntelliSense: IntelliSense for Tailwind CSS.
• Prettier - Code formatter: Code formatting tool.
• EditorConfig for VS Code: Editor configuration consistency.

Coding Conventions

• Check here.