React Boilerplate 3.0

Offline-first, highly scalable foundation for your next app

#4 Product of the DayMay 18, 2016

Would you recommend this product?
1 Review1.0/5
Hey everyone! Thanks Nik for hunting react-boilerplate. We've been working on this complete overhaul of react-boilerplate for several months. Based on the combined experiences of tons of collaborators, we've created the strongest foundation to build your next React.js application with. The biggest changes are: - Revamped architecture: Following a bunch of incredible discussions (thanks everybody for sharing your thoughts!), we now have a weapons-grade, domain-driven application architecture. - Scaffolding: Generate components, routes and more parts of your application directly from the command line, skipping all the boilerplate writing! - Performance: We've got the best code splitting setup currently possible, giving you the leanest, meanest payload. (The fastest code is the one you don't load!) - JS utilities: We now include redux-saga, ImmutableJS, reselect and react-router-redux to make sure your application scales to the size it needs. - CSS improvements: We use CSS modules for truly modular and reusable styles, code split your styling based on the page the user is on and make sure your code style is in order automatically! I believe this is by far the best boilerplate available, both for starting your next project and for simply getting inspired by what's currently possible. Let me know what you think everybody, I'm beyond excited to finally share this with the world!
Upvote (13)Share
@mxstbr are there any real life examples of apps using the boilerplate?
@jollife Here's an open source app that's based on this boilerplate: It's also used by the likes of The Financial Times, Huge, Axel-Springer and many more!
@mxstbr do you recommend using the boilerplate as a template for a new app or just to have a look at some best practices and starting with a completely empty folder?
@jollife We take care of tons of small details like proper hot reloading, code splitting, linting, CI setups, ImmutableJS react-router-redux integration, and so much more. I think it's a good idea to take the whole thing and remove the things you don't want instead of starting from scratch. This is why we've written *removal guides for all the bigger features*, since most people will want to do that! I'd definitely start my next app with react-boilerplate, but it's of course absolutely fine to just have a look at the things you need. ๐Ÿ‘
@mxstbr Very interesting architecture. You put a lot of code with each container including the actions, reducers, constants, and basically everything. I feel like I see those separated out into separate folders that are called from containers and components mostly. Curious why you went down that route? Also curious how you feel about making so many components for things that are almost just default html tags? Keep up the awesome work.
Great to see this project here on Product Hunt. Have been watching react boilerplate since the beginning of my experience with react and it helped me a lot. I took a lot of inspiration from React Boilerplate for my own react projects. How to structure your components, configure webpack and last but not least how to work with redux-saga ๐Ÿ˜‰ Awesome work! ๐Ÿ™Œ
@neuling2k thanks so much for the kind words, we really appreciate that! Glad it has helped you before, here's to it helping you for the coming time too! ๐Ÿ™
Hey Max, the boilerplate looks great. One "problem" that I have with boilerplates is that after a while the creator will update the boilerplate, and if you change it a little bit for your project you cannot get the new changes easily. That's a problem with all the boilerplates and I'm wondering if there's a way we can solve that issue as a community? The only way to keep up to date with the boilerplate right now is to look at the commits and releases and try to copy the functionality into your app.
@thekitze that's true, and a big problem at the moment! We're trying (from now on) to release features as integration-friendly as possible, with guides on how to add things to your existing project without breaking everything. Incompatible changes will still happen for big new things, but we'll be trying our best!
@mxstbr @thekitze we are facing the same issue with our react native boilerplate. considering giving jscodeshift a try -
@callmephilip @thekitze jscodeshift is awesome, I'll definitely look into it for the next releaseโ€”really good idea!
Cool stuff Max
Used it, loved it
@callmephilip thanks for the nice words and for open sourcing your app! ๐Ÿ‘Œ (this is it: