A starting point and codebase skeleton to use for your projects. Uses Babel, React/Redux, React Router, SASS, Gulp and Browserify and a handful of helper libraries.
Use this at your next Hackathon! Or use this to learn more about the popular tools for 2016 web development.
You'll need git, nodejs and npm installed. Then you'll need to perform these steps.
git clone [email protected]:meanjim/dough.git
cd dough
npm install -g gulp
npm install
npm startTweet at me if you have problems.
npm run buildCheck your /build folder afterwards and smile. Did you want to automate your deploys to something like S3? Look for deploy-generated-assets.js
gulp.task('deploy-generated-assets', ['production'], function() {
console.log('Deploy: No JavaScript deploy scripts, yet.');
});You can add your deploy scripts here and propser.
Why now? Jim you hate React.
I don't hate React and I deeply respect Sebastian Markbage.
I am a huge fan of small bundle sizes. So using RiotJS is really fun, and Preact is something I'm excited about. But regardless React is a better tool for a different class of problems and worth mastering.
| tool | reasoning |
|---|---|
| Babel | EcmaScript6 is worth it. |
| React | There is value in being skilled at React. |
| React Router | This is a popular tool for client side routing. |
| Redux | This is my favorite implementation for how to manage state. |
| Gulp | I have used Webpack too much so I switched my tool. |
| SASS | A preprocessor more popular than LESS. You could just use normal CSS too. |
| Browserify | Popular too for bundling imports/requires. |
| BrowserSync | External IP Address for testing. |
-
Rackt Consultants is where I got started.
-
This Giant List is worth scanning through.
-
From HenrikJoreteg I get inspired to keep building these seed projects. See his work with Feather.
-
From Jakemmarsh I took some gulp inspiration from, his build process is very sane.
-
From Substack I reminded myself of how simple things can be.
-
I'm grateful for Karen Liu, George Bonner, and Derek Reynolds for keeping me sane during a technical debt war at work. So I thought I'd mention them here as a thanks.