Tauka

// fake reselect
const createSelector = (deps, body) => (state, props) =>
  body(...deps.map(dep => dep(state, props)));

const createStructuredSelector = scheme => (state, props) =>
  Object.keys(scheme).reduce((result, key) => ({
    ...result,
    [key]: scheme[key](state, props)
  }), {});

Tauka

import { createActions, handleActions, combineActions } from "redux-actions";
import { call, put, takeLatest } from "redux-saga/effects";
import { api } from "../../helpers";
import { Root } from "../../redux";

/* 
* TYPES
* --------------------------------------------------------------
*/
enum requestStatusEnum {

Tauka

• Gecko Reflow Visualization
• css-stacking-contexts-wtf
• critical-rendering-path
• why-do-browsers-match-css-selectors-from-right-to-left
• getting-started-with-the-webkit-layout-code
• improving-css-performance-fixed-position-elements
• BlinkOn 5: Paint and Compositing Deep Dive
• a-quick-overview-of-chromes-rendering-path
• [render-blocking-css](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-b

Tauka

export default function reducer(state={
	data: []
}, action) {
	switch(action.type) {
		case "ACTION_SUCCESS": {
			return {...state, data: action.payload}
		}
	return state;
}

Tauka

export function typicalAction(loadingCb, successCb, failCb) {
	return function(dispatch) {
    		loadingCb();
		fetch(`http://someapi/user`)
		.then((response) => {
			dispatch({type: "ACTION_SUCCESS", payload: response});
		        successCb();

		})

Tauka

import React from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import * as actions from "./actions.js";

@connect((store) => {
	return {
		someStore: store.someStore,
	};
},

Tauka

import React from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import * as actions from "./actions.js";

@connect((store) => {
	return {
		someStore: store.someStore,
	};
},

Tauka

export default function reducer(state={
	groups: [],
	group: null,
	groupsFetchPending: false,
	groupsFetchSuccess: null,
	groupFetchPending: false,
	groupFetchSuccess: null,
	groupNewPending: false,
	groupNewSuccess: null,
	groupNewPending: false,

Tauka

export default function reducer(state={
	data: [],
	requestSuccess: false,
	requestPending: false,
  	requestFail: false
}, action) {
	switch(action.type) {
		case "ACTION_PENDING": {
			return {...state, requestPending: true}
		}

Tauka

export function typicalAction() {
	return function(dispatch) {
		dispatch({type: "ACTION_PENDING"});
		fetch(`http://someapi/user`)
		.then((response) => {
			dispatch({type: "ACTION_SUCCESS", payload: response});

		})
		.catch((err) => {
			dispatch({type: "ACTION_FAIL", payload: err });