react-es6-postcss-boilerplate

"Good God, just let me do stuff please."

I made this becuase as a front-end dev, setting up projects stress me tf out.

I couldn't find any simple tutorials and when I did find some, they made too many logic jumps that assumed knowledge I didn't have. I didn't even know what I didn't know so I got lost by step 7.

This is geared towards front-end folks that just want to start doing hoodrat things with their hoodrat friends online.

This has react, ES6, and a several PostCSS plugins that I tend to use to get started.

Based on PostCSS-tutorial which is based on create-react-app.

I will explain better later, but basically fork this, npm install and then npm start.

PostCSS Plugins to get you started:

• postcss-custom-properties

• postcss-nested

• postcss-import

  • This plugin can consume local files, node modules or web_modules.

  Other Plugins

• react-router v3

  • So you can use urls and such. react v3 tutorial
  • Version 4 of react-react router came out in April 2017, but I don't quite understand it, so I'm using v3 because the tutorial is easier to follow.

• css-modularscale

  • For consistent spacing and size.

• reset-css

  • Resets the CSS

• suitcss

  • Utility components

• suitcss-utils-space

  • Space utility components