Forma 36
A design system by Contentful
Overview:
Forma 36 is an open-source design system created by Contentful to simplify UI creation for digital teams building and extending Contentful products. It provides tools and guidance to reduce the overhead of creating user interfaces.
Features:
- Creating new packages: Use Plop to scaffold new packages and generate relevant files and imports.
- Development: Install dependencies and build packages for local development using npm scripts.
- Storybook for f36-components: Use Storybook with the react component library to develop components.
- Commits & releases: Use Commitzen CLI to create conventional commit messages and release new commits on the main branch.
- Testing with your own project locally: Test changes to a package in your own project by building the changes and linking to the local version of the package.
- Get involved: Welcome PRs and contributions to the repositories.
- Reach out to us: Connect with Contentful community Slack channel #forma36 for announcements and updates.
- Bug reporting and feature proposals: Use issue templates to report bugs or propose new features.
Summary:
Forma 36 is an open-source design system by Contentful that aims to simplify UI development for digital teams building and expanding Contentful products. It offers features like package creation, local development, using Storybook for component development, committing and releasing changes, testing changes locally, and contributing to the project. The installation guide provides step-by-step instructions for setting up Forma 36 and using it in your own projects.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.