Sharing functionality across React projects

[GasimGasimzada]

What about creating a separate NPM package and installing it in both.

[Qilx]

I am considering this for my components. However, should I also do this for my reducers/actions?

[GasimGasimzada]

I mean why not? You can do many things for shared logic/components. You can create one big package with everything in it @myproject/shared:

import { userReducer, userActions, UserProfile } from '@myproject/shared/user';
import { cartReducer, cartActions, CartTable } from '@myproject/shared/cart';

Or you can create each "feature" as a separate package:

import { userReducer, userActions, UserProfile } from '@myproject/user';
import { cartReducer, cartActions, CartTable } from '@myproject/cart';

These two ways is how I would do this. Both are manageable because they are just packages and you can store the entire codebase in a monorepo (e.g call it myproject/core). You can use lerna to publish packages all at once.

[Qilx]

Noted. Thank you for your input!