ryanflorence

asdfasdf

ryanflorence

blah blah

ryanflorence

hey hey

ryanflorence

hello hello

ryanflorence

hello hello

ryanflorence

import type {
  ActionFunction,
  LinksFunction,
  LoaderFunction,
  MetaFunction
} from "@remix-run/react";
import {
  Meta,
  Links,
  Scripts,

ryanflorence

const path = require("path");
const express = require("express");
const compression = require("compression");
const morgan = require("morgan");
const { createRequestHandler } = require("@remix-run/express");

////////////////////////////////////////////////////////////////////////////////
let app = express();

app.use(compression());

ryanflorence

enum State {
  Idle,
  LoadingJwt,
  Success,
  Error,
}

type Data = { error?: string; jwt?: string };

function Comp() {

ryanflorence

import React from "react";
import { IconCopy } from "./icons";

export default function CopyButton({ value }) {
  let [copied, setCopied] = React.useState(false);

  React.useEffect(() => {
    if (copied) {
      let id = setTimeout(() => {
        setCopied(false);

ryanflorence

Calling Loaders/Actions Outside of Navigation

Some might call them "API routes".

Use cases:

• Combobox suggestions in a form.
  • This is not semantically navigation
• Single action buttons that don't quite feel like navigation
• like clicking a bunch of delete buttons really fast in a list