jjenzz

React Component Design

Compound Component Pattern

• Build custom components using the compound component pattern (like Radix UI).
• APIs should be declarative, composable, and expose clearly named parts.
• Favor composition via children over bundling multiple elements into one.

Semantic Markup

• Use semantic HTML elements (table, tr, dl, ul, li, etc.) for structure.
• Do not use divs where a semantic element is appropriate (e.g., don’t use div for tables or lists).

jjenzz

const dismissMachine = Machine(
	{
		id: 'dismissMachine',
		initial: 'load',
		context: {
			resolutions: [],
			selectedRisksCount: 1,
			resolutionId: undefined,
			reason: undefined,
		},

jjenzz

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

jjenzz

const typeDefs = `
	schema {
		query: Query
	}

	type Query {
		stats: Stats
	}

	type Stats {