react + redux + RR
It uses https://gist.github.com/iNikNik/3c1b870f63dc0de67c38 for stores and actions.
1) create redux
const redux = createRedux(state);2) get requireAccess func => bindCheckAuth to redux
| import React, { Component } from 'react'; | |
| import axios from 'axios'; | |
| class Example extends Component { | |
| signal = axios.CancelToken.source(); | |
| state = { | |
| isLoading: false, | |
| user: {}, | |
| } |
| """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" | |
| " Font | |
| :set guifont=Source\ Code\ Pro:h14 | |
| """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" | |
| " Hide pointless junk at the bottom, doesn't work in .vimrc for some reason? | |
| :set laststatus=0 | |
| :set noshowmode "don't show --INSERT-- | |
| :set noruler "don't show line numbers/column/% junk |
| <body> | |
| <div id="⚛️"></div> | |
| <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script> | |
| <script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script> | |
| <script src="https://unpkg.com/[email protected]/babel.js"></script> | |
| <script type="text/babel"> | |
| ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️')) | |
| </script> | |
| </body> |
| import React from 'react' | |
| import Form from 'react-formal' | |
| import { | |
| Alert, | |
| Button, | |
| Col, ControlLabel, | |
| Form as BsForm, FormControl, FormGroup as BsFormGroup, | |
| HelpBlock, | |
| } from 'react-bootstrap' |
| export const RECEIVE_MESSAGE = 'RECEIVE_MESSAGE'; |
| var Col = require('react-bootstrap/lib/Col') | |
| var PageHeader = require('react-bootstrap/lib/PageHeader') | |
| var React = require('react') | |
| var Row = require('react-bootstrap/lib/Row') | |
| var {connect} = require('react-redux') | |
| var {reduxForm} = require('redux-form') | |
| var DateInput = require('./DateInput') | |
| var FormField = require('./FormField') | |
| var LoadingButton = require('./LoadingButton') |
| { | |
| "stage": 2, | |
| "loose": "all" | |
| } |
| "devDependencies": { | |
| "babel-plugin-syntax-class-properties": "^6.0.14", | |
| "babel-preset-react": "^6.1.2", | |
| "eslint": "^1.9.0", | |
| "eslint-loader": "^1.1.1", | |
| "babel-core": "^6.1.2", | |
| "babel-loader": "^6.0.1", | |
| "babel-preset-es2015": "^6.1.2", | |
| }, |
react + redux + RR
It uses https://gist.github.com/iNikNik/3c1b870f63dc0de67c38 for stores and actions.
1) create redux
const redux = createRedux(state);2) get requireAccess func => bindCheckAuth to redux