2

I have so many react-native projects and most of them required the same logic in many parts of the app. like the same hooks, same util functions, and identical components.

I am copying and pasting all the code to other projects. Ya I know that's a bad approach. If I change some code in some hooks then I have to update all the projects with it. and that's very bug prone

I don't know much yet about how to solve this problem, but I did some search and I found that

  1. I can try to create a JS library and a git submodule, and use them in all projects.
  2. build JS library and publish it to npm.

I am not sure how react-native would work for both of these approaches.

Will I need to create react native module? or do something else? If you have some resources to read please attach some as I couldn't find much on google.

Improve this question

1 Answer 1

Reset to default
1

Before segmenting your code, make sure you distinguish your business logic and other Logic reduce their dependencies.

Here Approach can vary depending on your use case,

Firstly about the tooling you need to use,

Git submodules

Git submodules has a steep learning curve, would be recommended using one git submodule, for all shared code, instead of several submodules as their were many issue with git submodules like dependency relationships between the modules, pull in the parent doesn't pull child code etc and many more

If you feel all your code can fit into a submodule without issues with dependencies, you can try this approach

you can find more details here npm vs git submodules

Coming to other approaches, out goal was to create the reusable components or code. your code as components and others

For sharable Components you can use different approach's like:-

Bit - for components

bit - it works with react native too

NPM

react-native-builder-bob react-native-builder-bob helps you create react-native npm packages on both native and javascript side too.You can create you components or native code as package to cater to your projects, if your hooks contain specific code related with react native you can go with the builder-bob

For Hooks and utils you can create npm packages directly or you can also use react-native-builder-bob but that would be a overhead as it will include react-native ,

Choose wisely how do many package/s needed because your components or utils can be like a collection or individual working set, depending on the functionally as all code can fit in single package or many.

Improve this answer
Sign up to request clarification or add additional context in comments.

2 Comments

Can I use other react-native dependencies in the submodule and use that submodule in the project? Or should I create a native npm package with react-native-builder-bob and add all the dependencies like react-reanimated or react-native-permissions? I mean do we need a native npm module if we are gonna use native libraries? or Will it work with simple js submodule?
react-reanimated or react-native-permissions comes in with native code with in itself , you don't need to build native npm module in your case. if you want write some custom code with bridging you can use builder-bob native functionality. Both can submodule and npm module do work in your case, you can pick depending on your need.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.