CODEWITHSUNDEEP
reactjsnpm
AndrewMcLagan
AndrewMcLagan

Reputation: 13987

Reusing react components across projects

I want to split my web project into three: front-end, back-end and super-admin.

What is the best way to re-use the components across code bases? Npm packages? That seems hard to maintain:

  1. Open component dev package
  2. Make changes
  3. Push changes
  4. Tag version
  5. Update all projects

Seems complex and prone to errors. Is there a better way?

Upvotes: 6

Views: 3296

Answers (1)

Vladimir Rovensky
Vladimir Rovensky

Reputation: 4704

Depends on if you need to use different versions of the shared components from different projects. If so, you probably need to make a versioned npm package. However, if you just want to share the packages and use the same version everywhere, you have other options. For one, you don't have to actually build and publish an npm packge, you can just use npm link. This will basically create a symlink to your shared code in node_modules of the other projects.

Alternatively, you can do it without any npm package at all, just have the shared components in a separate project (directory) and import them in javascript through an alias, using a bundling system (webpack alias / browserify aliasify).

Upvotes: 6

Related Questions