box-turtle

## Abort Controller In Axios
import React, { Component } from 'react';
import axios from 'axios';

class Example extends Component {
  signal = axios.CancelToken.source();

  state = {
    isLoading: false,
    user: {},
  }

## .gvimrc
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" 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

## index.html
<body>
<div id="⚛️"></div>
<script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
<script type="text/babel">
ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️'))
</script>
</body>

## FormExample.js
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'

## NotficationActionTypes.js
export const RECEIVE_MESSAGE = 'RECEIVE_MESSAGE';

## AddTravel.js
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')

## .babelrc
{
  "stage": 2,
  "loose": "all"
}

## modules.js
"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",
},

## README.md

      
              9 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                box-turtle
                / README.md
            
            
              Created
              October 4, 2015 15:42
                — forked from Dr-Nikson/README.md
            
              
                Auth example (react + redux + react-router)
              
          
    This is an auth example (WIP)

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

  
## README.md

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                box-turtle
                / README.md
            
            
              Created
              October 4, 2015 15:41
                — forked from Dr-Nikson/README.md
            
          
    Reduce boilerplate in Redux


Create actions similar to Flummox.
Generate action ids.
Supports actions with decorators, promises, and therefore ES7 async.
	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/react@16.0.0/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
	<script src="https://unpkg.com/babel-standalone@6.26.0/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'
	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')
	"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",
	},