Happily maintained dev stack and starter kit for React universal apps. One stack for browser, server, mobile.
Nejbližší školení Este se koná 18. února až 19. února v Praze - registrujte se zde learn-reactjs.com.
If you are using different node versions on your machine, use nvm to manage them.
git clone https://github.com/este/este.git este-app cd este-app npm install
gulprun web app in development mode
gulp -prun web app in production mode
gulp mocharun mocha unit tests
gulp mocha-watchcontinuous test running for TDD
gulp build -pbuild app for production, for example for Heroku
npm testrun all checks and tests
node src/serverstart app, remember to set NODE_ENV and SERVER_URL
gulp to-htmlrender app to HTML for static hosting like Firebase
For absolute beginners: react-howto.
Use this if you are using JEST or another library, which has to be compiled.
Thanks to Ryanlanciaux
This indicates that you do not have permission to write to the directories that npm uses to store packages and commands. One possible solution is to change the permission to npm's default directory.
npm config get prefixFor many systems, this will be
sudo chown -R `whoami` <directory>
In dev mode, webpack loads all the style inline, which makes them hot reloadable. This behaviour disappears in production mode (
Yes it does. Este is agnostic of what you use in your backend and is completely decoupled from the API. It uses an Express app for server-side rendering, but you can use anything for your API. The only benefit that an Express API has is that it can simply be
use() by the main app, like any other middleware.
Yes. Este makes little assumptions about your stack, and passing every bit of needed info through props. This is not a framework, nothing prevents you from picking the bits you're interested in.
Pure means no side effects. Programming without side effects rocks. It allows us to hot reload everything and testing is much easier as well. When component renders only data passed through props, shouldComponentUpdate can be implemented only once per whole app. One can say it's verbose, but it isn't. It's explicit. And remember, we have to pass only data going to be rendered, because actions have access to app state.
Just as regular React Native project created via
react-native init AwesomeProject. We can easily share modules across platforms. But remember to check gulpfile.babel.js for details.
made by Daniel Steigerwald, twitter.com/steida and the community