moize

moize is a consistently blazing fast memoization library for JavaScript. It handles multiple parameters (including default values) without any additional configuration, and offers a large number of options to satisfy any number of potential use-cases.

• Importing
  • ESM in browsers
  • ESM in NodeJS
  • CommonJS
• Usage
• Configuration options
  • isDeepEqual
  • isPromise
  • isReact
  • isSerialized
  • isShallowEqual
  • matchesArg
  • matchesKey
  • maxAge
  • maxArgs
  • maxSize
  • onCacheAdd
  • onCacheChange
  • onCacheHit
  • onExpire
  • profileName
  • serializer
  • transformArgs
  • updateCacheForKey
  • updateExpire
• Usage with shortcut methods
  • moize.deep
  • moize.infinite
  • moize.matchesArg
  • moize.matchesKey
  • moize.maxAge
  • moize.maxArgs
  • moize.maxSize
  • moize.promise
  • moize.react
  • moize.serialize
  • moize.serializeWith
  • moize.shallow
  • moize.transformArgs
  • moize.updateCacheForKey
• useMoize hook
• Composition
• Collecting statistics
  • Stats methods
  • clearStats
  • collectStats
  • getStats([profileName])
• Introspection
  • isCollectingStats
  • isMoized
• Direct cache manipulation
  • cache
  • cacheSnapshot
  • add(key, value)
  • clear()
  • get(key)
  • getStats()
  • has(key)
  • keys()
  • remove(key)
  • update(key, value)
  • values()
• Benchmarks
• Filesize
• Browser support
• Development

$ npm i moize --save

Importing

ESM in browsers

import moize from 'moize';

ESM in NodeJS

import moize from 'moize/mjs/index.mjs';

CommonJS

const moize = require('moize');

Usage

n8n - Workflow Automation Tool

n8n is an extendable workflow automation tool. With a fair-code distribution model, n8n will always have visible source code, be available to self-host, and allow you to add your own custom functions, logic and apps. n8n's node-based approach makes it highly versatile, enabling you to connect anything to everything.

Demo

📺 A short demo (< 3 min) which shows how to create a simple workflow which automatically sends a new Slack notification every time a Github repository received or lost a star.

Available integrations

n8n has 200+ different nodes to automate workflows. The list can be found on: https://n8n.io/nodes

Documentation

The official n8n documentation can be found under: https://docs.n8n.io

Additional information and example workflows on the n8n.io website: https://n8n.io

The changelog can be found here and the list of breaking changes here.

Usage

• 📚 Learn how to install and use it from the command…

A powerful, customisable, Suspense-like <img> component that (optionally) simulates a shimmer effect while loading. (with zero dependencies!).

Live Demo

Install

npm i react-shimmer

or

yarn add react-shimmer

Usage

import React from 'react'
import { Image, Shimmer } from 'react-shimmer'

function App() {
  return (
    <div>
      <Image
        src='https://source.unsplash.com/random/800x600'
        fallback={<Shimmer width={800} height={600} />}
      />
    </div>
  )
}

import React from 'react'
import { Image, Breathing } from 'react-shimmer'

function App() {
  return (
    <div>
      <Image
        src='https://source.unsplash.com/random/800x600'
        fallback={<Breathing width={800} height={600} />}
      />
    </div>
  )
}

or you can use your custom React component as a fallback:

import React from 'react'

Easing Functions Cheat Sheet

Simple cheat sheet to help developers pick the right easing function.

Contributing

GitHub has great instructions on how to set up Git, fork a project and make pull requests. If you have a problem with Git, just send your files directly to andrey@sitnik.ru.

Translate

Just copy the i18n/en.yml file to i18n/CODE.yml (where CODE is the lowercased RFC 3066 language code of your target language, for example fr-ca for Canadian French) and translate all messages.

Test

1. Install project dependencies:

   yarn install

2. That’s all. Run development server:

   yarn run start

3. And open [localhost:1234] in browser.

From JavaScript to Rust ebook

This repository houses an ebook-ified version of the 24+ post series started on vino.dev.

How to build

The ebook is built using asciidoctor and requires ruby >2.3.

Install the ruby dependencies via make deps

$ make deps

Build a PDF via the command make book

$ make book

Running code and projects

All code are housed in the src/ directory.

Day 4

• cargo run -p day-4-hello-world
• cargo run -p day-4-strings-wtf-1 - intentionally does not compile.
• cargo run -p day-4-strings-wtf-2 - intentionally does not compile.

Day 5

Reassigning

• JS: node javascript/day-5/let-vs-const/reassigning.js
• Rust: cargo run -p day-5-let-vs-const --bin reassigning
• cargo run -p day-5-let-vs-const --bin reassigning-wrong-type - intentionally does not compile

Borrowing

• cargo run -p day-5-borrowing --bin borrow
• cargo run -p day-5-borrowing --bin mutable-borrow - intentionally does not compile

Day 6

• cargo run -p day-6-loads-of-strs --bin 200-unique-prints
• cargo run -p day-6-loads-of-strs --bin 200-prints
• cargo run -p day-6-loads-of-strs…

Your next Add-to-Calendar Button

A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.

Use case // Who this is for

This is for everybody, who wants to include a button at his/her website or app, which enables users to easily add a specific event to their calendars It's main goal is to keep this process as easy as possible. Simply define your button configuration via JSON and everything else is automatically generated by the script It is for this simple use case. No strings attached.

Background // Why this repo exists

While building a personal wedding page, I was confronted with the task to include a button, where invited people could save the event to their calendars I did not want to build this from scratch (first) and therefore started the usual web research Unfortunately, all I found where some extremely…

Node.js: fs-extra

fs-extra adds file system methods that aren't included in the native fs module and adds promise support to the fs methods. It also uses graceful-fs to prevent EMFILE errors. It should be a drop in replacement for fs.

Why?

I got tired of including mkdirp, rimraf, and ncp in most of my projects.

Installation

npm install fs-extra

Usage

fs-extra is a drop in replacement for native fs. All methods in fs are attached to fs-extra. All fs methods return promises if the callback isn't passed.

You don't ever need to include the original fs module again:

const fs = require('fs') // this is no longer necessary

you can now do this:

const fs = require('fs-extra')

or if you prefer to make it clear that you're using fs-extra and not fs, you may want to name your…

TinyColor

JavaScript color tooling

TinyColor is a small, fast library for color manipulation and conversion in JavaScript. It allows many forms of input, while providing color conversions and other color utility functions. It has no dependencies.

Including in a browser

Download tinycolor.js or install it with bower:

bower install tinycolor

Then just include it in the page in a script tag:

<script type='text/javascript' src='tinycolor.js'></script>
<script type='text/javascript'>
var color = tinycolor("red");
</script>

Including in node

tinycolor may also be included as a node module like so:

npm install tinycolor2

Then it can be used in your script like so:

var tinycolor = require("tinycolor2");
var color = tinycolor("red");

Usage

Call tinycolor(input) or new tinycolor(input), and you will have an object with…

Vercel Examples

Enjoy our curated collection of examples and solutions. Use these patterns to build your own robust and scalable applications Find our examples here: https://examples.vercel.live/ we're going to be shipping new examples weekly. Stay tuned!

Examples

• Edge Functions – Edge Functions are currently in Public Beta on Vercel. Read the docs here.
• Solutions – Demos, Architectures and Best Practices

Adding a new example

To quickly start contributing with a new example, run the following commands:

npm i
npm run new-example

The pre-commit hook

We use Husky to manage the pre-commit Git hook in this repo. Husky configures hooks automatically during install, so you don't need to do anything special to get them working, but if it fails to install, you can run the following command to install it manually:

npm run prepare

Read the Docs

• Vercel Docs
• Next.js Docs

If you have any questions or suggestions about the docs…