React Bolt Lite + Tailwind

The best boilerplate for your React projects.

Introduction

This boilerplate contains all you need to start your next React.js project. Simple, robust, well-organized, all you need to do is clone, install and you’re ready to start.

This is a lite version of a larger project here

Without Tailwind Here

There is an article for anyone who wants to learn how to build this boilerplate, if you want to learn just click here.

Features

This boilerplate features all the latest tools and practices in the industry.

⚛ React — 16.12.0 with Hooks
🛠 Babel — ES6 syntax, Airbnb & React/Recommended config
🚀 Webpack — Hot Reloading, Code Splitting, Optimized Build
💅 CSS — CSS, Sass, Tailwind, PostCSS with Autoprefixer
💖 Lint — ESlint

For more features, click here

Getting started

Clone this repo using https://github.com/dephraiim/react-bolt-tailwind.git
Move to the appropriate directory: cd react-bolt-lite.
Run yarn or npm install to install dependencies.
Run npm start to see the example app at http://localhost:8080.

Commands

npm start - start the dev server
npm run build - create a production ready build in dist folder
npm run lint - execute an eslint check
npm run lint:fix - execute an eslint and fix the errors
npm run build:css - build the tailwind css for production
npm run watch:css - watch for the compiling tailwind css with autoprefixes

Next features:

Hot Module Replacement: Better HMR support;
CSS/Sass support: Enable CSS/Sass support;
PWA: Turn into a PWA boilerplate;
SEO: SEO-ready;