Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@rocket.chat/fuselage

Package Overview
Dependencies
Maintainers
8
Versions
1072
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rocket.chat/fuselage

Rocket.Chat's React Components Library

  • 0.49.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1.3K
increased by99.69%
Maintainers
8
Weekly downloads
 
Created
Source

Rocket.Chat

@rocket.chat/fuselage

Rocket.Chat's React Components Library


npm@latest npm@next react version Storybook npm downloads License: MIT

deps npm bundle size

Install

Firstly, install the peer dependencies (prerequisites):

npm i @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons react react-dom react-virtuoso

# or, if you are using yarn:

yarn add @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons react react-dom react-virtuoso

Add @rocket.chat/fuselage as a dependency:

npm i @rocket.chat/fuselage

# or, if you are using yarn:

yarn add @rocket.chat/fuselage

Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the issues.

Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

yarn build

Linting

To ensure the source is matching our coding style, we perform linting. Before commiting, check if your code fits our style by running:

yarn lint

Some linter warnings and errors can be automatically fixed:

yarn lint-and-fix

Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

yarn test

Component stories

We develop and describe our visual components in the form of stories, manage by a tool called Storybook. To start developing with Storybook, run:

yarn storybook

Usage

Note: If you are using Next.js for development and wish to use Rocket.Chat Fuselage components, you need to dynamically import the component. More on this can be found here.

Usage Example:

import dynamic from 'next/dynamic';

export const TextInput = dynamic(
  () => import('@rocket.chat/fuselage').then((module) => module.TextInput),
  { ssr: false }
);

FAQs

Package last updated on 27 Feb 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc