Ant Forms

Form.Item names are never cumulative with their parent.
- Say you want a form item for user.name. You can’t just create a Form.Item with name user and a nested Form.Item with name name. You need the leaf Form.Item to know to render with a name of ['user','name'].
- The exception to this is Form.List—Form.Item’s are context aware within Form.Lists!
- You can think about it from the perspective of what needs to re-render when there’s a change. A Form.Item that needs to react to any change throughout all of user would need to re-render a large portion of the form very frequently.

MobX patterns

Reactively run code in a component:

useEffect(() =>
  autorun(() => { ... })
)

Reactively manage state in a component:

const store = useLocalStore(
	() => ({
    state1: ...,
    state2: ...,
    method1() { ... },
    method2() { ... },
  })
)

Babel, swc, and other transpilers that down-transpile async functions will not work with libraries like async where it performs checks like this one:
- Sucrase doesn’t suffer this issue since it tries to pass most things through as-is