Tools and Frameworks
Explore key React tools and frameworks such as Storybook, React Styleguidist, Docz, React Cosmos, Gatsby, React-Static, and Next.js. Learn how these resources support component development, static site generation, documentation, and server-side rendering to improve your React projects.
We'll cover the following...
Because React has been around for a while, an ecosystem has grown around it that boasts many tools. Ranging from static site generators (to realize simple to medium-sized and complex static websites on the basis of React), to prototyping tools, to tools that allow us to display our components in some sort of a style guide, the React ecosystem has much to offer. This lesson will provide a short overview of the most commonly used tools and frameworks.
Storybook
Storybook is a development environment for UI components. It allows us to browse through a component library, view the different states of each component, and interactively develop and test components.
Storybook is a tool that allows us to create isolated UI components for React, Vue.js, and Angular. Storybook bundles our components in some form of Sandbox environment in which components can be independently developed in stories. Stories can then ...