sanan4li / react-electron-tailwindcss-boilerplate

An extended version of https://github.com/alexdevero/electron-react-webpack-boilerplate boilerplate with TailwindCSS support.

Minimal Electron, React and Webpack boilerplate with TailwindCSS

This is an extended version of Minimal Electron, React and Webpack boilerplate

Please check Minimal Electron, React and Webpack boilerplate for details. All credit goes to Alex Devero for awesome work.

Install

Clone this repo

git clone https://github.com/Sanan4li/React-Electron-TailwindCSS-Boilerplate.git

Install dependencies

npm install

or

yarn install

Usage

Run the app

npm run start

or

yarn start

Build CSS

npm run build-css

Add Custom Styles

Adding Custom Styles by adding styles into src/styles/index.css.

JIT Mode (Just In Time Mode)

As you know TailwindCSS 2.2 version supports JIT mode. You can enable it by uncommenting the line # 2 in tailwind.config.js. After enabling JIT mode you have to run a separate terminal

Use JIT Mode

npm run watch-css

This command will run a watcher waiting for you to change code and it will build css classes based on your code.

react-electron-tailwindcss-boilerplate's Issues

Please accept the PR for updating to TailwindCSS3

Please check this PR #2

Isn't there a way to package this app?

This is awesome boilerplate.
I would like to package this app for Windows, Linux and Mac.
So, I tried to install "electron-packager" but this I got unexpected issue.

Can you help me out please?