kettanaito

const statusCodes = {
    success: 200,
    error: 400,
};

function all(promises) {
    const transformedPromises = promises.map(promise => promise.then((result) => {

    if (result.payload.statusCode !== statusCodes.success) {
        throw new Error('PROMISE RESOLVED TO FAILURE! SHOULD FAIL THIS CHAIN TO SHREDS');

kettanaito

/**
 * Promise sequence
 * @description Handles the sequence of Promise.
 * @param {Array<Function: Promise>} promises Collection of functions which should return instance of Promise.
 * @return {Promise}
 */
function PromiseSeq(promises) {
  return promises.reduce((promisesPool, promise) =>
    promisesPool.then((result) => {
      /* Explicitly check if function (returning promise), since you can pass {true} to it

kettanaito

<!--

  One-element way of doing this kind of headings:

  ---------------- Text here ----------------

  * One HTML tag only
  * Background-independant
  * Properly centered horizontally and vertically
  * Same browsers support as for flexbox

kettanaito

{
  "primaryInfo": {
    "userEmail": "...",
    "firstName": "...",
    "lastName": "...",
  },
  "userPassword": "..."
}

kettanaito

<Input
  name="confirmPassword"
  type="password"
  required
  skip />

kettanaito

import React from 'react';
import PropTypes from 'prop-types';
import { Helmet } from 'react-helmet';
import { connect } from 'react-redux';
import { addItem, removeItem } from '@state/cart/actions';
import { getTotalPrice } from '@state/cart/selectors';
import { Grid, Box, Button } from '@client/components';

/* Components */
import CartItemsList from './components/CartItemsList';

kettanaito

// app/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { FormProvider } from 'react-advanced-form';
import rules from './validation-rules';
import messages from './validation-messages';
import Root from './Root';

const renderApp = () => (
  <FormProvider rules={rules} messages={messages}>

kettanaito

import React from 'react';
import { Form } from 'react-advanced-form';

export default class RegistrationForm extends React.Component {
  validateEmail = ({ value, fieldProps, fields, form }) => {
    return fetch('https://backend/', { body: value })
      .then(res => res.json())
      .then((res) => {
        return {
         /* Determine if the e-mail is valid based on response */

kettanaito

import React from 'react';
import { Form } from 'react-advanced-form';
import { Input } from '...';

export default class RegistrationForm extends React.Component {
  registerUser = ({ serialized, fields, form }) => {
    return fetch('https://backend.dev/user', {
      method: 'POST',
      body: JSON.stringify(serialized)
    });

kettanaito

// src/app/validation-rules.js
import isEmail from 'validator/lib/isEmail';

export default {
  type: {
    email: ({ value }) => isEmail(value),
    password: {
      capitalLetter: ({ value }) => /[A-Z]/.test(value),
      oneNumber: ({ value }) => /[0-9]/.test(value),
      minLength: ({ value }) => (value.length > 5)