romanlex

const emptyCounterparties = [];
const emptyProducts = [];

/** Список банков */
export const getCounterparties = (state) => state.orders.data.counterparties;

/** Конкретный банк */
export const getCounterparty = (state, props) =>
    state.orders.data.counterparties[props.bankId] || null;

romanlex

"eslintConfig": {
    "env": {
      "browser": true,
      "jquery": true,
      "es6": true,
      "node": true
    },
    "extends": [
      "plugin:react/recommended",
      "plugin:jsx-a11y/recommended",

romanlex

package main

import (
	"io/ioutil"
	"log"
	"fmt"
	"os"
	"sync"
	"path/filepath"
	"os/exec"

romanlex

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

romanlex

The Beginning

Yes...it's true...redux is smart....smarter than you even know. It really does want to help you. It strives to be sane and easy to reason about. With that being said, redux gives you optimizations for free that you probably were completely unaware of.

connect()

connect is the most important thing in redux land IMO. This is where you tie the not between redux and your underlying components. You usually take state and propogate it down your component hiearchy in the form of props. From there, presentational

romanlex

import React, { Component } from 'react';
import Type from 'prop-types';
import { DividerChildContent } from 'ui/components/DividerBlock';
import CallbackForm from './CallbackForm';

class Callback extends Component {

  render() {
    const containerActionId = `CallbackFormActions`;
    return (

romanlex

import React, {Component, PureComponent} from 'react';
import PropTypes from 'prop-types';
import { spring, Motion, presets } from 'react-motion';
import Modal from 'react-modal';

const portalClassName = "modal-portal";
const bodyOpenClassName = "modal-opened";

export const MODAL_VERTICAL_POSITIONS = {
	TOP: 'top',