Ryan Finni rfinni

rfinni / component.js

Created December 4, 2016 16:50

ReactCSSTransitionGroup example.


	<ReactCSSTransitionGroup
	component="div"
	className="app-wrapper"
	transitionName="app-transition"
	transitionEnterTimeout={2000}
	transitionAppear={true}
	transitionAppearTimeout={2000}
	transitionLeaveTimeout={2000}>

rfinni / actionCreator.js

Created November 30, 2016 02:19

React-redux thunk example

	export function someOtherAction(data) {
	...
	}

	export function thunk(url) {

	return function(dispatch, getState) {
	return axios.get(url).then(data => {
	dispatch(someOtherAction(data));
	});

rfinni / actions.js

Last active December 7, 2016 02:33

Axios.all() usage with redux-thunk.

	export function reduxThunk(data) {
	return function(dispatch, getState) {

	// Gather all the requests into an array
	const fileArr = [];

	fileRequests.map((file, i) => {
	return fileArr.push(axios.get(file.raw_url));
	});

rfinni / store.js

Created November 16, 2016 03:01

Store creation, using the createStore redux utility.

	import { createStore } from 'redux';
	import reducers from './reducers/index';

	// Includes Redux devtools
	const store = createStore(reducers, window.devToolsExtension && window.devToolsExtension());

	export default store;

rfinni / component.js

Created November 11, 2016 02:46

a react component skeleton

	import React, { Component } from 'react';

	export default class MyComponent extends Component {
	render() {
	return (
	<div>
	component
	</div>
	);
	}

rfinni / Authorization Flow

Created October 20, 2016 02:11

	checkAuth() {
	const redirect = '&redirect_uri=https://localhost:3000';

	if(window.location.hash) {
	const access_token = window.location.hash.substring(1);

	if(!window.localStorage.access_token) {
	window.localStorage.setItem('access_token', access_token);
	}