React Boilerplate 3.0

Offline-first, highly scalable foundation for your next app

#4 Product of the DayMay 18, 2016
There are no images or videos added to the gallery.
Add to gallery
Around the web



You need to become a Contributor to join the discussion - Find out how.
Max StoiberMaker@mxstbr · Technical Cofounder,
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!
Johannes N @jollife · Dev Lead,
@mxstbr are there any real life examples of apps using the boilerplate?
Max StoiberMaker@mxstbr · Technical Cofounder,
@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!
Johannes N @jollife · Dev Lead,
@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?
Max StoiberMaker@mxstbr · Technical Cofounder,
@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. 👍
Blaine Hatab@blainehatab · Co-founder, Open Minded Innovations
@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.
Moritz Kobrna@neuling2k · Developer & Co-Founder @die_antwort
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! 🙌
Max StoiberMaker@mxstbr · Technical Cofounder,
@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! 🙏
Kitze@thekitze · Founder of React Academy
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.
Max StoiberMaker@mxstbr · Technical Cofounder,
@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!
Philip Nuzhnyy@callmephilip · Baker
@mxstbr @thekitze we are facing the same issue with our react native boilerplate. considering giving jscodeshift a try -
Max StoiberMaker@mxstbr · Technical Cofounder,
@callmephilip @thekitze jscodeshift is awesome, I'll definitely look into it for the next release—really good idea!
Jyoti Puri@jyopur · Developer
Cool stuff Max
Philip Nuzhnyy@callmephilip · Baker
Used it, loved it
Max StoiberMaker@mxstbr · Technical Cofounder,
@callmephilip thanks for the nice words and for open sourcing your app! 👌 (this is it: