sajadmsNew

const If = expression => {
  let call = true, value;
  return {
    then: callback => Promise.resolve(value).then(callback),
    Then(callback) {
      if (call && expression) {
        call = false;
        value = callback(expression);
      }
      return this;

sajadmsNew

// WARNING: There's much more to know/do around hooks, and
//          this is just a simplification of how these work.

// shared references, updated
// per each hook invoke
let execution = null;
let current = null;
let context = null;
let args = null;

sajadmsNew

The history of hyperHTML followed by lit-html

While many remember the epic hyperHTML: A Virtual DOM Alternative post I've published the 5th of March 2017, the first official implementation of the library was working as hyperHTML.bind(node) function for tagged literals the day before, and it's been in my experiments folder already for a little while.

The hilarious reaction from the skeptical community

At first glance people couldn't believe performance of the DBMonster demo shown in that article,

sajadmsNew

import React, { useState, useEffect } from "react";
import "./styles.css";

const Countdown = ({ dueDate }) => {
  const [remaningTime, setRemaining] = useState();

  console.log("re-render");

  useEffect(() => {
    setRemaining(getDateDiff(dueDate));

sajadmsNew

/**
 * Loading Animation Snippet
 */

.loading {
  color: transparent;
  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
  background-size: 400%;
  animation: loading 1.2s ease-in-out infinite;
}