ChrisDobby

import React from "react";

const scaleWidth = 500;
const scaleHeight = 500;

function draw(canvas, scaleX, scaleY) {
    const context = canvas.getContext("2d");
    context.scale(scaleX, scaleY);
    context.clearRect(0, 0, canvas.clientWidth, canvas.clientHeight);

ChrisDobby

import React from "react";

function WidthAndHeight() {
    const [width, setWidth] = React.useState(window.innerWidth);
    const [height, setHeight] = React.useState(window.innerHeight);

    React.useEffect(() => {
        window.addEventListener("resize", updateWidthAndHeight);
        return () => window.removeEventListener("resize", updateWidthAndHeight);
    });

mehmetnyarar

NextJS with Custom Routes (next-routes.tsx)

<project_root>/src/routes/types.ts:

export interface IRoute {
  name: string
  page: string
  pattern: string
}

codeBelt

  validationSchema: yup.object().shape({
    firstName: yup.string().required(validationMessages.firstName),
    lastName: yup.string().required(validationMessages.lastName),
    emailAddress: yup
      .string()
      .email(validationMessages.email)
      .test('eitherOr', validationMessages.eitherEmail, function(emailAddress) {
        // tslint:disable-next-line:no-invalid-this
        return Boolean(emailAddress) || Boolean(this.parent.pin);
      }),

AmirTugi

import { Component, OnInit } from '@angular/core';
import {FormGroup, FormBuilder} from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.scss' ]
})
export class AppComponent implements OnInit {
  checkoutForm: FormGroup;

markerikson

import React, {Component} from "react";
import {connect} from "react-redux";
import _ from "lodash";
import { Message } from "semantic-ui-react";
import {Portal} from 'react-portal';

import {selectNotifications} from "./notificationSelectors";

import {dismissNotification} from "./notificationActions";

mir4ef

interface IIsObject {
  (item: any): boolean;
}

interface IObject {
  [key: string]: any;
}

interface IDeepMerge {
  (target: IObject, ...sources: Array<IObject>): IObject;

codeBelt

/**
 * https://github.com/acdlite/flux-standard-action
 */
export interface IAction<T> {
    type: string;
    payload?: T;
    error?: boolean;
    meta?: any;
}

rambabusaravanan

Firebase Deployment

Step 1: Get Token

Generate the firebase token from your terminal using the command $ firebase login:ci

Waiting for authentication...

✔ Success! Use this token to login on a CI server:

1/VXXXXXXX--YOUR-FIREBASE-CI-TOKEN--XXXXXh92o

ccheney

/**
 * generate hash+timestamp string
 * validate hash+timestamp string from userland
 */
const crypto = require('crypto');

const SECRET = ' ';

function _generateHash(isoDateString) {
    return crypto