tortillaj

import { useState, useEffect, useLayoutEffect } from 'react'

interface Point {
  count: number;
  width: number;
}

const throttle = (throttledFunction: Function, wait: number, context: void) : any => {
  let timeoutId: any = null
  let callbackArgs: any[] = []

tortillaj

import React from 'react'

import { api } from 'ducks/user'

const MultiplePatronContext = React.createContext({
  isMultiplePatronEnabled: false,
  error: '',
})

export class MultiplePatronProvider extends React.Component {

tortillaj

import {compose, setPropTypes, defaultProps, withHandlers, componentFromProp, setDisplayName} from 'recompose'

const componentEnhance = defaultProps({ component: 'button' })
const ButtonComponent = componentEnhance(componentFromProp('component'))

const enhance = compose(
  setDisplayName(`Button`),
  setPropTypes({
    onClick: PropTypes.func,
    type: PropTypes.oneOf(['submit', 'button']),

tortillaj

import {compose, setPropTypes, defaultProps, withHandlers} from 'recompose'

const enhance = compose(
  setPropTypes({
    onClick: PropTypes.func,
    type: PropTypes.oneOf(['submit', 'button']),
    className: PropTypes.func,
    children: PropTypes.func.isRequired,
    isLoading: PropTypes.bool,
  }),

tortillaj

import {compose, setPropTypes, defaultProps} from 'recompose'

const enhance = compose(
  setPropTypes({
    onClick: PropTypes.func,
    type: PropTypes.oneOf(['submit', 'button']),
    className: PropTypes.func,
    children: PropTypes.func.isRequired,
    isLoading: PropTypes.bool,
  }),

tortillaj

export default const Button = ({ type, className, children, onClick, isLoading }) => {
  return (
    <button type={type} className={className} onClick={onClick}>
      {isLoading && <Loading />}
      {!isLoading && children}
    </button>
  )
}

tortillaj

export default class Button extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      isLoading: false,
    }
  }
  
  static propTypes = {
    onClick: PropTypes.func,

tortillaj

Development Handbook

Principles

1. Your first priority is writing code that it is understandable and clearly communicates purpose, intent, and organization. Your second is making sure it is working properly.
2. Always strive to uphold the following priciples: - principle of least astonishment - principle of least knowledge - principle of least access - single responsibility principle

tortillaj

license: mit
scrolling: yes
border: no

tortillaj

<script type="text/javascript">
    (function () {
      "use strict";
      // once cached, the css file is stored on the client forever unless
      // the URL below is changed. Any change will invalidate the cache
      var css_href = './index_files/web-fonts.css';
      // a simple event handler wrapper
      function on(el, ev, callback) {
        if (el.addEventListener) {
          el.addEventListener(ev, callback, false);