lamtranweb

Keybase proof

I hereby claim:

• I am lamtranweb on github.
• I am lamtran (https://keybase.io/lamtran) on keybase.
• I have a public key whose fingerprint is 79CE 2D94 2F2A 59EF F284 C8FC 6335 04A9 5CB1 EF7B

To claim this, I am signing this object:

lamtranweb

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

lamtranweb

Full width scrollytelling with position sticky and enterview

A Pen by Elaina Natario on CodePen.

License.

lamtranweb

Quiz
  Slide
    check -> Checked Slide
  Checked Slide
    next -> Slide
    uncheck -> Slide
    done -> Results
  Results
    reset -> Slide

lamtranweb

import * as React from 'react';
import { render } from 'react-dom';
import { Machine, assign } from 'xstate';
import { useMachine } from '@xstate/react';
import { useEffect, useMemo, ReactNode } from 'react';

import './styles.css';

const URL = 'https://jsonplaceholder.typicode.com/todos/1';

lamtranweb

import * as React from 'react';
import { ReactNode, useReducer } from 'react';
import { render } from 'react-dom';

import './styles.css';

const URL = 'https://jsonplaceholder.typicode.com/todos/1';

interface Todo {
  id: number;

lamtranweb

import * as React from "react";
import { render } from "react-dom";
import { Machine, assign } from "xstate";
import { useMachine } from "@xstate/react";
import { useEffect, useMemo, ReactNode } from "react";

import "./styles.css";

const URL = "https://jsonplaceholder.typicode.com/todos/1";

lamtranweb

import * as React from "react";
import { useState, useEffect, ReactNode } from "react";
import { render } from "react-dom";

import "./styles.css";

const URL = "https://jsonplaceholder.typicode.com/todos/1";

interface Todo {
  id: number;

lamtranweb

import * as React from "react";
import { render } from "react-dom";
import RemoteData from "ts-remote-data";

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

const URL = "https://jsonplaceholder.typicode.com/todos/1";

interface Todo {

lamtranweb

import * as React from "react";
import { render } from "react-dom";
import RemoteData from "ts-remote-data";
import { Machine, assign, DefaultContext } from "xstate";
import { useMachine } from "@xstate/react";
import { useEffect, useMemo, ReactNode } from "react";

import "./styles.css";

const URL = "https://jsonplaceholder.typicode.com/todos/1";