React Boilerplate 3.0

Offline-first, highly scalable foundation for your next app

10 followers

Offline-first, highly scalable foundation for your next app

10 followers

Visit website

Web hosting services

•

Static site generators

•

UI frameworks

Launch tags:Open Source•Developer Tools•Tech

Launch Team

EneyProactive AI for Mac. Free test, 20,000 credits.

Promoted

Tinkerer Club

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.

Report

10yr ago

GraphCDN

Maker

@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!

Report

10yr ago

@mxstbr @thekitze we are facing the same issue with our react native boilerplate. considering giving jscodeshift a try - https://github.com/facebook/jsco...

Report

10yr ago

GraphCDN

Maker

@callmephilip @thekitze jscodeshift is awesome, I'll definitely look into it for the next release—really good idea!

Report

10yr ago

GraphCDN

Maker

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!

Report

10yr ago

thestory.run

@mxstbr are there any real life examples of apps using the boilerplate?

Report

10yr ago

GraphCDN

Maker

@jollife Here's an open source app that's based on this boilerplate: https://github.com/thebakeryio/o... http://openmic.io It's also used by the likes of The Financial Times, Huge, Axel-Springer and many more!

Report

10yr ago

thestory.run

@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?

Report

10yr ago

GraphCDN

Maker

@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. 👍

Report

10yr ago

@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.

Report

10yr ago

Maze

Hey Max, just installed your boilerplate, which is absolutely delightful and fast (the CLI is also a very nice touch). The only thing preventing me from using it right now is the lack of server-side rendering which is crucial for my project. Looking at the issues, I see a couple of mentions for those things, but nothing on schedule. So my question is: I badly want to use this, can I expect to see server-side rendering any time soon? Thanks a lot for your great work!

Report

10yr ago

GraphCDN

Maker

@widawskij definitely, it's the one big thing we're working towards—I don't have any specifics yet, but we're on it! /cc @thefubhy

Report

10yr ago

React Boilerplate 3.0

Maker

@mxstbr @widawskij Indeed. PR incoming :)

Report

10yr ago

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! 🙌

Report

10yr ago

GraphCDN

Maker

@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! 🙏

Report

10yr ago

Looks good. very very good. I feel reapp is also good for mobile side of things. can you add a theme option as well? We can then choose Bootstrap or MaterialUI or just a custom theme which you can provide a dummy css for. well done :)

Report

10yr ago

Seems great! at least for me, scaffolding is the worst part of an app. I get all procrastinator. This seems to help with that! I'm yet to write a React project, but I've been wanting to do it, now I know where to start

Report

10yr ago