voces / basic-pragma Goto Github PK

A new property, style, is going to be added to all components. This will be an attempt at mimicking HTML style. To that end, it'll:

1. Have a generic type, equal to that of the components props, omitting style itself.
2. Recursively pass itself down, though allowing overrides at every component.
3. Act as props, but be overridden by actual props.

E.g., for the following JSX:

const App = () => (
	<frame name="a" style={{ foo: 1, bar: 2, baz: 3 }} foo={1.1}>
		<frame name="b" style={{ bar: 2.2 }}>
			<frame name="c" baz={3.3} />
		</frame>
	</frame>
);

The final props received would be:

// a
{foo: 1.1, bar: 2, baz: 3, style: {foo: 1, bar: 2, baz: 3}}

// b
{foo: 1, bar: 2.2, baz: 3, style: {foo: 1, bar: 2.2, baz: 3}}

// c
{foo: 1, bar: 2.2, baz: 3.3, style: {foo: 1, bar: 2.2, baz: 3}}

• useState
• useReducer
• useMemo
• useCallback
• useRef
• useContext
• useEffect
• useLayoutEffect
• useErrorBoundary