brunos3d

/*
*   Stripe WebGl Gradient Animation
*   All Credits to Stripe.com
*   ScrollObserver functionality to disable animation when not scrolled into view has been disabled and 
*   commented out for now.
*   https://kevinhufnagl.com
*/

brunos3d

#!/usr/bin/env zx
/** @type {import('zx/globals')} */

brunos3d

export function diffArrayByKey<T, K1 extends keyof T, K2 extends T[K1]>(
  one: T[],
  key: K1,
  two: K2[]
) {
  if (!Array.isArray(two)) {
    return one.slice();
  }

  const tlen = two.length;

brunos3d

brunos3d

How to declare types of federated components without the need to re-write the types

Given that you have the following component (ComponentA) exported from remote (remote-a) in your Webpack config:

// ...
new ModuleFederationPlugin(
  {
    name: 'remoteA',
 exposes: {

brunos3d

// this file is just to set the name of the gist, use just one of the functions below
export * as withLuxon from './withLuxon'
export * as withMoment from './withMoment'
export * as withDateFns from './withDateFns'

brunos3d

arrayWithFalsyItems.filter(Boolean)

brunos3d

useEffect(() => {
  // componentDidMount
}, [])

useEffect(() => {
  // componentDidUpdate
}, [something, anotherThing])

useEffect(() => {
  return () => {

brunos3d

#!/bin/bash

input_path=$1
output_path=$2

# Find all .env files in the input path
for file in $(find "$input_path" -name "*.env"); do
    # Get the file path relative to the input path
    relative_path="${file#$input_path/}"

brunos3d

Images based on GitHub Theme