alavkx

{
  "name": "some-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "scrape": "npx tsx ./src/scrape.ts"
  },
  "author": "",
  "license": "ISC",

alavkx

// Option A: associate the label directly and hide the redundant DOM node
<div role="status" aria-label={title}>
  <div aria-hidden>{title}</div>
</div>


// Option B: associate the label with an id
<div role="status" aria-labelledby="banner-title">
  <div id="banner-title">{title}</div>
</div>

alavkx

// XState Brain Teaser 2 - Async Validation
// https://www.youtube.com/watch?v=nUKA0xhkZc8

const fetchValidateUserCanSendAmount = () => fetch("/validate-user-can-send-amount")
const fetchValidateBankDetails = () => fetch("/validate-bank-details")
  
  const validationMachine = Machine({
    id: 'validation',
    initial: 'idle',
    context: {},

alavkx

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

alavkx

const assignField = (name) => assign({ [name]: (ctx, event) => event.payload });
const initialContext = {
  agreeToTerms: undefined,
};
const quoteAcceptionMachine = Machine({
  id: 'quoteAcception',
  initial: 'loading',
  context: initialContext,
  meta: {

alavkx

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

alavkx

  const optimisticInputMachine = initial => Machine({
    id: 'optimisticInput',
    initial: 'idle',
    context: {
      value: initial,
      savedValue: initial,
    },
    states: {
      idle: {
        on: {

alavkx

  const optimisticInputMachine = initial => Machine({
    id: 'optimisticInput',
    initial: 'idle',
    context: {
      value: initial,
      savedValue: initial,
    },
    states: {
      idle: {
        on: {

alavkx

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

alavkx

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions