bmingles

# Seems simpler / better
https://security.stackexchange.com/a/183973

https://stackoverflow.com/a/43665244/20489

bmingles

git clone --bare <repo_url> .bare
echo "gitdir: ./.bare" > .git
git config remote.origin.fetch "+refs/heads/*:refs/remotes/origin/*"

bmingles

import React from 'react'
import { observer } from 'mobx-react-lite'

const MyComponent: React.FC = () => {
  const { name, age, loadAge, loadName } = useSomeService()

  React.useEffect(() => {
    loadAge()
    void loadName()
  }, [loadName])

bmingles

{
  "workbench.colorCustomizations": {
    "statusBar.background": "#ce6f03",
    "titleBar.activeBackground": "#ce6f03"
  }
}

bmingles

export const parameters = {
  actions: { argTypesRegex: '^on[A-Z].*' },
  options: {
    storySort,
  },
}

/** Force example stories to sort last */
function forceExampleLast(id) {
  return (id.startsWith('example-') ? '' : '_') + id

bmingles

import React from 'react'
import { observer } from 'mobx-react-lite'

const MyComponent: React.FC = () => {
  // I would typically get this from context API with custom hook instead of local useMemo
  // e.g. const { name, age, loadAge, loadName } = useSomeService()
  const { age, name, loadAge, loadName } = React.useMemo(() => new SomeService(), [])

  React.useEffect(() => {
    loadAge()

bmingles

# Configuration -> General Settings -> Startup Command
pm2 serve /home/site/wwwroot/ --no-daemon --spa

bmingles

import React from 'react'

/**
 * Create a React Context that requires a value be provided explicitly (aka. no
 * default value). Returns the Context Provider + a useContext hook that
 * encapsulates access to the Context.
 */
export function createNamedContext<TValue>(name: string) {
  const Context = React.createContext<TValue | null>(null)

bmingles

parameters: { 
  controls: {
    disable: true,
  },
  options: { showPanel: false },
}

bmingles

{
  // Place your snippets for typescript here. Each snippet is defined under a snippet name and has a prefix, body and
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
  // same ids are connected.
  // Example:
  // "Print to console": {
  // 	"prefix": "log",
  // 	"body": [
  // 		"console.log('$1');",