Boilerplate with React 17, Webpack 5, Tailwind 2, using babel, sass, with a hot dev server and an optimized production build

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

InfluxDB - Purpose built for real-time analytics at any scale.
InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • react-webpack-5-tailwind-2

    Discontinued React 17 Boilerplate with Webpack 6, Tailwind 2, using babel, SASS/PostCSS, HMR, dotenv and an optimized production build

    I added a staging build, using .env.staging https://github.com/altafino/react-webpack-5-tailwind-2

  • InfluxDB

    Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

    InfluxDB logo
  • prettier-eslint

    Code :arrow_right: prettier :arrow_right: eslint --fix :arrow_right: Formatted Code :sparkles:

    And I just ripped out my prettierrc/prettier recently, and still need some tweaking in this area, and might even add it it back. After looking at that plugin, it looks like it just DISABLES things in ESLint that Prettier handles, so you might have to add the prettier script and a .prettierrc config file. At least that is how I understand it. I was just looking at prettier's docs and saw this though - https://github.com/prettier/prettier-eslint, which seems like it might be what you are looking for.

  • eslint-config-prettier

    Turns off all rules that are unnecessary or might conflict with Prettier.

    Actually, disregard my statement about the prettier plugin. I looked at this repo - https://github.com/prettier/eslint-config-prettier somehow, which is diff than what you mentioned.

  • eslint-plugin-prettier

    ESLint plugin for Prettier formatting

    Regarding prettier. Prettier is used via eslint plugin ( https://github.com/prettier/eslint-plugin-prettier )

  • twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

    Or Twind

  • twin.examples

    Packed with examples for different frameworks, this repo helps you get started with twin a whole lot faster.

    the biggest would be as a plugin to compile/transpile other language macros for example twin-macro (styled components using tailwind syntax) https://github.com/ben-rogerson/twin.examples/tree/master/component-library-styled-components/packages/components

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • 10+ Free Tailwind CSS Templates

    2 projects | dev.to | 21 May 2024
  • Getting started with NativeWind: Tailwind for React Native

    2 projects | dev.to | 21 Mar 2024
  • Tailwind Color Palette Generator

    13 projects | news.ycombinator.com | 2 Feb 2024
  • Top 7+ Free Tailwind React Admin Dashboard Templates forĀ 2024

    10 projects | dev.to | 7 Dec 2023
  • Create an Infinite Horizontal Scroll Animation with Tailwind CSS

    3 projects | dev.to | 29 Aug 2023

Did you konow that JavaScript is
the 3rd most popular programming language
based on number of metions?