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