ibare

import { createStore, actionCreator } from "./redux-middleware";

function reducer(state = {}, { type, payload }) {
  switch (type) {
    case "init":
      return {
        ...state,
        count: payload.count
      };
    case "inc":

ibare

import React from "react";

const SessionItem = ({ title }) => <li>{title}</li>;

const App = (props) => {
  const [displayOrder, toggleDisplayOrder] = React.useState("ASC");
  const { sessionList } = props.store;
  const orderedSessionList = sessionList.map((session, i) => ({
    ...session,
    order: i

ibare

/* @jsx createElement */
import { createElement, render, Component } from './react.js';

class Text extends Component {
  render() {
    return (
      <span>L({this.props.v})</span>
    );    
  }
} 

ibare

import { createStore, actionCreator } from "./tiny-redux";

function reducer(state = {}, { type, payload }) {
  switch (type) {
    case "init":
      return {
        ...state,
        count: payload.count
      };
    case "inc":

ibare

export const UPDATE_FONT_SIZE = "update font size";
export const UPDATE_COLOR = "update color";

ibare

Promise.resolve() 
  .then(() => {
    return 'OK'
  })
  .then(a => `${a} ${Date.now()}`)
  .then(b => new Promise((resolve) => {
    setTimeout(() => resolve(`${b} + delay`), 1000);
  }))
  .then(out => console.log(out))
  .catch(e => console.error(e));

ibare

import * as React from "react"
import { Frame, useCycle, useMotionValue, useTransform } from "framer"

// Open Preview (CMD + P)
// API Reference: https://www.framer.com/api

export function MotionAndTransform() {
    const yPosition = useMotionValue(200)
    const xPosition = useMotionValue(0)
    const doubleXPosition = useTransform(xPosition, v => v * 2)

ibare

function random(max) {
  return Math.floor(Math.random()*max);
}

const startButton = document.querySelector('#start');
const boxes = [
  document.querySelector('#b1'), 
  document.querySelector('#b2'), 
  document.querySelector('#b3')
];

ibare

const OrderList: React.FC<IProps> = props => {
  const [request, completeRequest] = React.useState(false);
  const [requestId, upddateRequestId] = React.useState(0);

  if (request && checkCompleteTask(props.asyncTasks, requestId)) {
    completeRequest(false);
  }

  React.useEffect(() => {
    const {

ibare

import * as React from "react"
import { Frame, useCycle } from "framer"

// Open Preview (CMD + P)
// API Reference: https://www.framer.com/api

export function BlinkingCircle() {
    const [animate, cycle] = useCycle(
        { backgroundColor: "#ff2020" },
        { backgroundColor: "#ffbc20" }