- Sets constraints on how we write code - like a combination of a powerful linter and templates or patterns.
- Visualizes code-base and flow of code - quickly navigate to the relevant code as well as show the available functions in the code-base so newly onboarded devs can more easily re-use code than write new functions.
- Press record to capture 3rd-party requests and store as json mocks to use with a Mock Service Worker (msw)
Anything that improves the feedback loop, visualizes code-base, reduces context-switching or simplifies flow of code.
Storybook keeps impressing me. It's often misunderstood as a documentation tool but it's more than that. It let's you:
- develop components in isolation, greatly improving the feedback loop and sets constraints on what the component takes in as props and what it renders.
- testing for visual, accessability, interactions etc.