tpjnorton

import { createHandler, Post, Delete, Get } from '@storyofams/next-api-decorators';
import { requiresAuth } from './requires-auth.ts'

class ItemHandler {
  @requiresAuth()
  @Post()
  async create() {
    doSomething();
    return { name: 'John Doe' };
  }

tpjnorton

import { Controller, Get } from '@nestjs/common';

@Controller('cats')
export class CatsController {
  @Get()
  findAll(): string {
    return 'This action returns all cats';
  }
}

tpjnorton

export default function handler(req, res) {
  if (req.method === 'POST') {
    checkAuth();
    doSomething();
    res.status(200).json({ name: 'John Doe' })
  } else if (req.method === 'DELETE') {
    checkAuth();
    doSomethingElse();
    res.status(200).json({ status: 'Deleted' })
  } else if (req.method === 'GET') { // no auth

tpjnorton

export default function handler(req, res) {
  res.status(200).json({ name: 'John Doe' })
}

tpjnorton

yarn create next-app --typescript

tpjnorton

# usage: rbs [-m] -b base_branch_name    

function rbs() {
  OPTIND=1
  BASE_BRANCH=develop
  UPDATE_ACTION=rebase

  while getopts "b:m" flag; do

    case "${flag}" in

tpjnorton

// TS Version
import React from 'react'

interface ButtonProps extends React.HTMLProps<HTMLButtonElement> {
  onClicked?: () => void
}
const Button = ({onClicked, ...rest}:) => {
  return <button onClick={onClicked} {...rest}/>
}

tpjnorton

// JS Version
import React from 'react'
import PropTypes from 'prop-types'

const Button = ({onClicked, ...rest}) => {
  return <button onClick={onClicked} {...rest}/>
}

Button.propTypes = {
  onClicked: PropTypes.func

tpjnorton

const Button = ({onClick, ...rest}) => {
  const [loading, setLoading] = useState(false);
  const onClicked = async () => {
    setLoading(true);
    await onClick();
    setLoading(false);
  }
  return <button onClick={onClicked} {...rest}/>
}

tpjnorton

const Button = ({onClick, ...rest}) => {
  const [loading, setLoading] = useState(false);
  const isMounted = useMounted();
  const onClicked = async (e) => {
    setLoading(true);
    await onClick(e);
    isMounted.current && setLoading(false);
  }
  return <button onClick={onClicked} {...rest}/>
}