Extracting components in micro frontend into a library

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • lerna

    :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

  • You can use lerna for that. Add lena.json to the parent folder where you count all folders with the components and projects consuming those components: json { "packages": [ "{componnet1}/*", "{componnet2}/*", "{project1}/*", ... ], "version": "0.0.0" } Each component must have package.json with main field as an endpoint for export. You even don't need to transpile or compile your code as long you use TypeScript in the projects that consume components. The command to install the component as a dependency: bash lerna add {component-name-in-package.json} --scope {project-name-in-package.json}

  • SurveyJS

    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.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts