swyxio

interface Location {
  start: number;
  end: number;
};
interface JSXOpeningElement extends Location {
  type: 'JSXOpeningElement',
  attributes: JSXAttribute[],
  name: JSXIdentifier,
  selfClosing: boolean

swyxio

<script>
  import { clickOutside } from "./actions.js";

  let activeNav = "Home";
  let isMobile;
  let isMobileAndNavActive = false;
  // $: console.log({ isMobile, isMobileAndNavActive });
  function handleClickOutside() {
    if (isMobile && isMobileAndNavActive) {
      isMobileAndNavActive = !isMobileAndNavActive;

swyxio

import parse5 from 'parse5'

var src = `
{#if name}
    <script>
        console.log('not top level')
    </script>
{/if}
<ul>
    {#each cats as cat}

swyxio

me

• validation lambda trigger docs nonexistent https://docs.amplify.aws/lib/auth/advanced/q/platform/js#lambda-triggers
• document amplify update api shit - aws-amplify/amplify-cli#3480 and aws-amplify/amplify-cli#4314 with primary and secondary
• lambda env vars aws-amplify/amplify-cli#2227

https://twitter.com/PipoPeperoni

• have meaningful readme for @aws-amplify/ui-react
• readable changelog

swyxio

Notes for gregg pollack's https://www.youtube.com/watch?v=9lPjY-JGZDY

Tools: AUDIO > Video. Use a good mic. Film yourself w/ natural light & good backdrop when explaining ideas. Use Screenflow, high res monitor (for zooming). Hire a film editor. Keynote/powerpoint. Use Animations! Get everything captioned!

Instructional Design:

• Describe the problem first, dont just teach syntax.
• Give Learning Objectives.
• Show them what you're going to build, what they need to know
• teach with visuals where needed
• Show more than one example

swyxio

Full Livestream Recording here

(see YouTube channel for individual videos)

Github | Site | Discord | YouTube |

swyxio

// // with thanks
// https://dev.to/emreloper/react-router-v6-in-two-minutes-2i96
// https://github.com/ReactTraining/react-router/blob/dev/docs/installation/getting-started.md
// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/9d29adedf662de685356f711951ef8b9e8342865/types/react-router/index.d.ts#L1
// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/9d29adedf662de685356f711951ef8b9e8342865/types/react-router-dom/index.d.ts#L1

declare module "react-router-dom" {
  import * as React from 'react';

  /**

swyxio

.unreset {
  a {
    @apply text-blue-700 underline;
  }
  p {
    @apply my-4;
  }

  blockquote,
  figure {

swyxio

function ChatScroller(props) {
  const ref = useRef()
  const shouldScrollRef = useRef(true)
  useEffect(()=> {
    if (shouldScrollRef.current) {
      const node = ref.current
      node.scrollTop = node.scrollheight
    }
  })
  const handleScroll = () => {

swyxio

const fs = require('fs');
const path = require('path');
const { promisify } = require('util');
const readDir = promisify(fs.readdir);

// https://gist.github.com/kethinov/6658166
var walk = async function(dir, filelist) {
  var files = await readDir(dir);
  filelist = filelist || [];
  await Promise.all(