Flow Core
Flow
Overview
Flow-core is a base library required by any Flow dependencies. It consists of building blocks such as design and system tokens, atoms, molecules, and base themes. The library provides various features and functionalities that are essential for building projects with Flow.
Features
- Starter kits: Flow offers starter kits with basic dependencies to help you start a new project. These kits include Flow core, Flow system icons, default Google fonts, and fully functional Flow templates. Kits are available for Vue.js, Angular, and React.
- VScode Plugin and debuggers: Install Flow's plugin to access components, icons, values, and documentation inside VScode. Browser debuggers are also available for Chrome, Firefox, and Safari.
- Components: Visit the Flow components Storybook to explore and use various UI components provided by Flow.
- Templates: Explore the Flow templates Storybook to find pre-designed templates for different use cases.
- Dependencies: Flow provides various dependencies such as Lineage, Form builder, Tables, Logs, Force graph, Themes, and Time-series.
- Resources: Access the Flow documentation and Figma resources for designers.
- VS code plugin: Install Flow's plugin for VS code to enhance your development workflow.
- Get in touch: If you have any questions or would like to contribute, reach out to the Flow team at flow@cldcvr.com.
Summary
Flow-core is a foundational library for building projects with Flow. It provides essential building blocks, starter kits, components, templates, and various dependencies. By installing Flow-core and following the installation guide, developers can leverage the features and functionalities offered by Flow to enhance their development workflow. Additionally, Flow offers a VScode plugin, documentation, and resources to support developers throughout the development process.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- 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
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- 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.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- 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.
- Web Components
Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.