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

• react-webpack-5-tailwind-2

  7 295 3.1 JavaScript

  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

• prettier-eslint

  6 3,929 6.5 JavaScript

  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.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• eslint-config-prettier

  17 5,225 6.6 JavaScript

  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

  13 3,171 7.6 JavaScript

  ESLint plugin for Prettier formatting

  

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

• twind

  30 3,686 8.3 JavaScript

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

  

Or Twind

• twin.examples

  5 460 6.1 TypeScript

  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

Suggest a related project