Rocket Science
Lowering the barrier to entry for creating and contributing to a modern frontend project.
Micro Frontends made easy!
Module Federation
Introduced in Webpack 5, now easily integrated in your project through our CLI tool
Micro Frontends
Build and preview MFEs with ease using Storybook and it's powerful addon ecosystem
Isolation
Develop, document, style and test your UI components in an isolated environment
About the project
Micro Frontends Made Easy
Rocket Science aims to lower the barrier to entry for generating boilerplate Micro Frontends that leverage Webpack 5's Module Federation under the hood. With our comprehensive documentation surrounding the topic and our opinionated solutions, we've made it as simple as possible to get started with solid and reliable infrastructure patterns.
Build UI Components In Isolation
Often when building complex user interfaces, engineers will develop a feature or component under the context of it’s implementation. This can result in difficult to triage side effects that were completely unintentional edge cases. The cause of these side effects is often the mixing of Business Logic and UI Logic, which can also severely restrict reusability of the component.
Component Generator CLI Tool
We decided to create a template component that could be dynamically customized based on developer inputted needs throughout a series of questions asked through a CLI tool. In it’s current state, it will only generate components to the Rocket Science core team’s opinionated standards/best practices - but we do intend to expand a broader degree of supported technologies and opinions in the future.
Component Documentation
After generating a new component with our CLI tool, you may notice a README.md file accompanies each component. This README.md file will serve as a component-specific docs file where developers who maintain the component are expected to update any changes reflected to the Summary, Usage or Props of this component.
Unit Test Coverage
In order to reduce side effects / defects / bugs in newly developed features as well as limit the scope of potential impact when updating those features, a high threshold of unit test coverage is expected. In order to aid in this effort, our component generator also adds simple “Does it render with props” and “Does it render without props” tests using Jest and React Testing Library.
Multiple Render Methods
Rocket Science is aiming to support as many Render Methods as possible, but currently we only support Client Side Rendering. This satisfies our current needs to enable Micro Frontends leveraging Webpack 5's Module Federation. Each generated component comes with a Default (CSR) view and a Federated (MFE) view.
Shared Component Dashboard
Storybook enables us to deploy it's dashboard as it's own application, which can be used as an easy but powerful method to bring awareness of potentially duplicative efforts, as well as convey updates on work-in-progress across disciplines at your organization. With Storybook Addons, this becomes an even more powerful tool for all involved parties (including Business, Product and Design).
Meet the team
_-_2022/w=256,quality=90,fit=scale-down)
/w=256,quality=90,fit=scale-down)
/w=3840,quality=90,fit=scale-down)
/w=3840,quality=90,fit=scale-down)
Contact us
For support, discussion or enterprise needs — please reach out to one of our team members via the linked social accounts, until we have a formal contact email at least!