andrewsantarin

race.ts

Wrapper over Promise.race([...promises]) to identify which condition was met.

Method signature interface is identical to Redux Saga's race({...promiseMap}) method, but without Redux Saga as a requirement. Straight up plain JavaScript async...await without dependencies. In TypeScript, return type is also identified according to object key provided per Promise instance (in Redux Saga, a key is described as a "label"), so, there is clear indication of which key maps to which expected type of return value.

Method signature:

race({

andrewsantarin

Sponge Cake

The one that often has fruit toppings & whipped cream in it & maybe even flavored like fruit, coffee, tea, etc. Known for its – surprise, surprise – spongy texture. Relatively easy to make & add variety to, but also very easy to screw up when careless / impatient.

Speaking of relatives...

• Fruit cake
• Chiffon cake
• Swiss roll
• Angel food cake

andrewsantarin

Grid-in-Grid (single nested level)

Examples

• JSON with nested hierarchy: https://fiddle.sencha.com/#view/editor&fiddle/332p
• JSON with flat hierarchy: https://fiddle.sencha.com/#view/editor&fiddle/333b

andrewsantarin

import React from 'react';

export type MyInputFieldProps<
  NameType extends string = string,
  ValueType extends string | string[] | number | undefined = string | string[] | number | undefined
> = Partial<{
  name: NameType;
  value: ValueType;
}>;

andrewsantarin

react-intl-tel-input

These type definitions will help you work with react-intl-tel-input in TypeScript while this library doesn't have official support for it.

Follow the development of baked-in types here: patw0929/react-intl-tel-input#346

---

Table of Contents

• Versions Supported
• Live Example
• How You Can Use This

andrewsantarin

react-auto-controlled explained

Some components

Suppose you have a component that uses an autocontrolled manager. Let's call it <Number />.

class Number extends React.Component {
  state = {
    // Initialize the component class instance with
    // the prop you provided from the outside.
 number: this.props.number || 0, // defaults to 0

andrewsantarin

staticify

These type definitions will help you work with react-intl-tel-input in TypeScript while this library doesn't have official support for it.

UPDATE: Follow the development of baked-in types here: errorception/staticify#48

---

Table of Contents

• Versions Supported
• How You Can Use This

andrewsantarin

{
  "dockbox": {
    "id": "+147",
    "size": 200,
    "mode": "horizontal",
    "children": [
      {
        "id": "+135",
        "size": 280,
        "mode": "vertical",

andrewsantarin

Steps:

1. Rename your app.json file to base-app.json. This will be used as the template to generate the final app.json output.
2. On your .gitignore file, add:

# ...your other ignored files

# use base-app.json instead because we're generating this file during builds.
app.json

andrewsantarin

1. Follow this: https://gist.github.com/nrollr/3f57fc15ded7dddddcc4e82fe13.

   Note: mysql is already at v8.0.11 as of this point of writing, so make sure you explicitly install v5.7 by replacing mysql with mysql@5.7.

2. Create a new entry into your PATH environment as the postinstall note suggests:

   # Edit the Terminal startup configuration file.
   open ~/.bash_profile
   
   

Copy this into the file and save.