What is the simplest way to share react components between projects? [closed]

Question

I understand I can upload to npm and pull the modules between projects. Is there a similar way of doing that which is not public-facing code ( not visible to the entire world )?

Neither project is explicitly open source yet.

Answer 1

Option 1: You can use npm and use private packages so they're not external facing. There are also artifactories and scoped packages that usually represent company-wide projects that can be public or private. See https://docs.npmjs.com/private-modules/intro and https://docs.npmjs.com/misc/scope.

Option 2: Essentially, you can develop projects with a flattened structure. You can then import various projects and/or components into other projects or folders. This is entirely dependent on your codebase and configuration. With this model though, a lot of times publishing to npm comes fairly naturally since each folder may be its own project with its own package.json.

Updated:

Option 3: Bit focuses on the composability of components from everything from the little things like a button to the actual view and app itself—each target is its own package. Overall, it's an opinionated, yet customizable framework that can enable quicker development, managed dependencies, and organized code.

Option 4: RushJS is a monorepo manager built by Microsoft that allows for flexibility of different kinds of apps and services utilizing pnpm underneath (as opposed to yarn and npm), which alleviates problems that stem from dependency issues.

Answer 2

You could also upload them to a private git repo such a Github and then pull them in from there.

Ryanve has a nice example over here: https://stackoverflow.com/a/28729646/1592783