Refraction
Collection of React components used at Quid
Overview:
This article provides an overview of the front-end technologies developed at Quid for their products. Unlike other companies that keep their UI libraries internal, Quid aims to provide highly reusable libraries for the community. The article also mentions some specific components and packages that are available for usage.
Features:
- Highly reusable libraries
- @quid/react-ellipsis component
- @quid/stylis-plugin-focus-visible
- @quid/react-mouse-outside
- Community badge on style guide website
Summary:
This article highlights Quid's approach to making their front-end technologies and UI libraries available to the community. They provide highly reusable libraries and specific components that can be easily installed and used in projects. The article also mentions the licensing information and where to find detailed usage instructions and documentation.
- 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
- 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.