Chorizo

Chorizo is a cute dog in Far Cry 6 vite-based react template.

Features

• React 19 (Canary, with React Compiler)
• File based routing
• Components, hooks auto importing
• State Management via Jotai
• Atomic CSS via UnoCSS
• TypeScript

Pre-packed

UI

• UnoCSS - Atomic CSS Engine
• unplugin-icons - Access thousands of icons as components on-demand
  • @iconify-json/mdi is installed and used in Welcome component as a demo, you remove it once you removed the Welcome Component.
  • @svgr/core & @svgr/plugin-jsx are required by unplugin-icons.

Code Style

• Prettier - No semi, single quote.
• ESLint - JS, TS, React recommendation rules + UnoCSS + Prettier

Quality of Life

• unplugin-auto-import - Support for components, hooks and icons auto importing.
• clsx - Constructing className strings conditionally.
• vite-plugin-compression - Use gzip or brotli to compress resources.
• vite-plugin-env-parse - Parse env string values to correct values, automatically generate types for them.
• lefthook - Git hooks manager
  • If you don't use git, you can remove this, along with the postinstall script in package.json, lefthook.yml in the root folder.