iterspace

Storybook, along with React, styled-components, and Atomic Design, is the perfect tool to boost your front end development productivity. It helps you develop isolated presentational components with a super fast hot reload. It allows to test your props with knobs. Finally you compose, and reuse your components in your app.

You can host your storybook as a static website and share it with the other devs, so they are aware of the components already available in your library, and how to use them.

You can share the same with your UI/UX team, and converge towards a common design system.

You can even run visual regression tests on your library, with storyshots.

Which stack do you use on the Front End?

I switched from AppSync Resolvers written in VTL to the Lambda Functions invoked from the AppSync Resolver. The decision was made due to higher flexibility, and easier debugging of the Lambda Functions compared to the the VTL code. Moreover, you do not have to learn a new language syntax, and you can still use your preferred language code (python, nodejs and so on). And the most important, you can write tests of your code and run them in your CI pipelines. With this approach, you can delegate the authorization phase to AppSync itself, and leverage the power of the GraphQL schema.