Wails-vite-react-tailwind-macro-template

About

This is a ready-to-go template for Wails 2.x.

Included:

• Build tools: Vite 3.0
• Framework: React 18.2
• Language: Typescript 4.7
• Router support: React Router DOM 6.3
• State Management support: Zustand 4.0 RC.1
• Style Components support: Emotion 11.9
• CSS Framework support: Tailwind CSS 3.1
• Babel Macro Library combines Tailwind CSS and Emotion: Twin.macro 3.0 RC.3
• Immutable Data support: Immer 9.0, use-immer 0.7
• React Hooks Library: React Use 17.4
• Functional Utils Library: Ramda 0.28
• Form support: Formik 2.2
• Preprocessor CSS: Less 4.1

This template does NOT include any components library, you are free to choose any library you like. To use Tailwind CSS with Emotion, you may follow examples in App.tsx. Some path aliases is defined in tsconfig.json and vite.config.ts, you may define additional aliases in both configuration files.

Live Development

To run in live development mode, run wails dev in the project directory. In another terminal, go into the frontend directory and run npm run dev. The frontend dev server will run on http://localhost:34115. Connect to this in your browser and connect to your application.

Building

To build a redistributable, production mode package, use wails build.