stevejay/react-performance

Various React.js experiments.

This project was bootstrapped with Create React App.

TODO

• check out styled transition group again.
• Useful .stylelintrc rule adjustments.
• Every Layout as React styled-components.
• Maybe add storybook docs.

Design System Issues

• Be careful about zero-ing out margin values on components, because a parent layout component might want to add it. E.g., zero-ing out margin-top on a Paragraph component but this prevents this component working properly when in a Stack.

Justifications

• use type for React props (and also here).
• use arrow functions for less lines and less nesting in the simple case, plus it's consistent with how styled components are created. (Counterpoint available here.)

Exceptions

• An exception to always using named exports gathered together at the end of the file is required for this issue with exported TypeScript types.

Notes

• Visual Studio Code debugging