jancassio

Smooth Scroller for React

It's a port of Sooth Scroller for Svelte for React.

Actually, it requires GSAP, TypeScript & Tailwindcss are optional.

To remove TypeScript, just remove the type marks. To remove Tailwindcss, remove tailwindclasses but don't forget to reproduce the same styles in the elements with pure CSS.

Dependencies:

yuritoledo

import React from "react";
import { useFormik } from "formik";

const initialValues = {
  name: "",
  email: "",
  address: {
    street: "",
    number: "",
    city: ""

vmarcosp

open Belt;

let person = Js.Nullable.return({ "name": "marcos"})->Js.Nullable.toOption;

person
 ->Option.map(person => person##name)
 -> Option.getWithDefault("");

let (>=) = (maybe, func) => maybe->Option.map(func);
let (>?) = (maybe, defaultValue) => maybe->Option.getWithDefault(defaultValue);

jancassio

React Hooks

useImage

Provides an image from a respective URL

Usage

const Component = ({ src, alt, width = 320, height = 240, fallback }) => {

Schniz

////////////////////////////////////////////////////////////// Array utilities
type Length<T extends any[]> = T["length"];
type Head<T extends any[]> = T[0];
type Tail<T extends any[]> = ((...xs: T) => any) extends ((_x: any, ...xs: infer R) => any) ? R : [];

type AllTrue<Ts extends any[]> = {
    0: true,
    1: false,
    2: AllTrue<Tail<Ts>>
}[Length<Ts> extends 0 ? 0 : Head<Ts> extends false ? 1 : 2]

jesstelford

Read Shape Up by basecamp on a kindle / reMarkable / eReader

Basecamp's new book Shape Up is now available online (https://basecamp.com/shapeup) to read page-by-page.

There is a .pdf version, but that's not the best format for Kindle / other eReaders. Instead, we can convert the page-by-page into an eReader friendly format.

Part 1: Convert to a single page

NOTE: This has only been tested on Chrome

jeremyben

import * as path from 'path'
import ts from 'typescript'

function build(
	override: {
		compilerOptions?: ts.CompilerOptions
		include?: string[]
		exclude?: string[]
		files?: string[]
		extends?: string

sibelius

import { useEffect, useRef } from 'react';
import { useHistory } from 'react-router-dom';

export const usePrompt = (when: boolean, message: string = 'Are you sure you want to quit without saving your changes?') => {
  const history = useHistory();

  const self = useRef(null);

  const onWindowOrTabClose = event => {
    if (!when) {

jordanmkoncz

#

tpae

// Implement a Graph
// basic operations:
//  - add vertex (node)
//  - add edge (node -> node)

function GraphNode(val) {
  this.val = val;
  this.edges = {};
}