Avatar of johnnyxbell
Senior Software Engineer at StackShare

So when starting a new project you generally have your go to tools to get your site up and running locally, and some scripts to build out a production version of your site. Create React App is great for that, however for my projects I feel as though there is to much bloat in Create React App and if I use it, then I'm tied to React, which I love but if I want to switch it up to Vue or something I want that flexibility.

So to start everything up and running I clone my personal Webpack boilerplate - This is still in Webpack 3, and does need some updating but gets the job done for now. So given the name of the repo you may have guessed that yes I am using Webpack as my bundler I use Webpack because it is so powerful, and even though it has a steep learning curve once you get it, its amazing.

The next thing I do is make sure my machine has Node.js configured and the right version installed then run Yarn. I decided to use Yarn because when I was building out this project npm had some shortcomings such as no .lock file. I could probably move from Yarn to npm but I don't really see any point really.

I use Babel to transpile all of my #ES6 to #ES5 so the browser can read it, I love Babel and to be honest haven't looked up any other transpilers because Babel is amazing.

Finally when developing I have Prettier setup to make sure all my code is clean and uniform across all my JS files, and ESLint to make sure I catch any errors or code that could be optimized.

I'm really happy with this stack for my local env setup, and I'll probably stick with it for a while.

READ LESS
17 upvotes3 comments145.5K views
Rishi Chawda
Rishi Chawda
March 15th 2019 at 7:16pm

After reading your post, I think you might find my boilerplate interesting. webpack + eslint + prettier config https://github.com/rishichawda/minimal-react-boilerplate

Reply
Johnny Bell
Johnny Bell
March 18th 2019 at 12:47am

this looks epic, thanks man... I'm forking this for my next project.

Reply
W2AlharbiMe
W2AlharbiMe
March 16th 2019 at 11:19am

nice

Reply
Avatar of Johnny Bell

Johnny Bell

Senior Software Engineer at StackShare