React Library Builder using Rollup.js and Storybook

• react-library-builder

  1 5 10.0 TypeScript

  Get started with building your own React library using Rollup.js and Storybook with this starter kit

Creating a custom React library can be a great way to share reusable components and functionality across multiple projects. This guide will walk you through the process of setting up and developing a library using the React Library Builder.

• rollup-plugin-postcss

  3 672 0.0 JavaScript

  Seamless integration between Rollup and PostCSS.

The React Library Builder supports both SCSS and CSS out of the box, so you can style your components as you normally would. If you want to use CSS modules, you can refer to the rollup-plugin-postcss documentation for more information.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vitest

  108 11,728 9.9 TypeScript

  Next generation testing framework powered by Vite.

  

Testing is crucial when developing a library, as it helps ensure that your components work as expected. The React Library Builder uses Vitest and @testing-library/react for testing. You can find an example test file in the Button.spec.tsx file.

• eslint-config-prettier

  17 5,216 6.9 JavaScript

  Turns off all rules that are unnecessary or might conflict with Prettier.

  

Linting is an important step in maintaining code quality, The React Library Builder uses ESLint and eslint-config-prettier for linting. You can modify linting rules by overriding them in the .eslintrc file.

• ESLint

  378 24,231 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

Linting is an important step in maintaining code quality, The React Library Builder uses ESLint and eslint-config-prettier for linting. You can modify linting rules by overriding them in the .eslintrc file.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project