re-app integrates several killer libraries into opinionated, terribly evil framework,
to provide base needed for modern web application development.
This website features usage examples of re-app library in form of sample applications.
This very website itself is example of routing setup and can be found in examples/ExamplesRouter.js.
Appception!
Some integrated libs:
-
axiosfor http -
normalizranddenormalizrfor data normalization and denormalization -
reactfor view -
react-routerfor routing -
reduxfor app state -
redux-sagafor side effects - package.json
Creating project from scratch with re-app-builder
Make sure you are using at least `npm@3` and `node@4`.
cd into empty project directory and run these commands
npm init # initialize your project as npm package
npm i --save-dev re-app-builder # install re-app-builder
npm i --save-dev re-app # install re-app
Create public/index.html
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="root"></div>
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Findex.js"></script>
</body>
</html>
Create src/index.js, for example:
/* eslint-disable */
import React from 'react';
import ReactDOM from 'react-dom';
function *generator() { // generator functions supported
}
class App extends React.Component {
render() {
return (
<strong>cool</strong> // jsx supported
);
}
}
ReactDOM.render(<App/>, document.getElementById('root'));
Merge following into your package.json (add re-app-builder script)
{"scripts": {"ab": "node ./node_modules/re-app-builder"}}
Run
npm run ab dev
Look at http://127.0.0.1:8080