Skip to content

jehartzog/rn-web-shared-modules

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

An example of running shared code modules in a related React Native and React web app, using the lessons learned described in this post.

Update with possibly better alternative

After I wrote this, I found wix/wml which appears to be a cleaner way to do what I've implemented here. If I was implementing this now I'd definintely give the wml tool a shot.

Native App startup

cd native-project
yarn start

Web App Startup

cd web-project
yarn start

Code editor configuration

Since local copies of the /modules/src folders are copied into each project, you must be careful to not try to edit the copies, as they are not in source control and will be overwritten.

Whatever code editor/IDE you use, you should add a rule to ignore all of the copied files, as they will help clean up your editor as well as prevent searches from returning results from the copies.

For example, with vscode add the workspace setting:

"settings": {
    "files.exclude":{
        // defaults
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/CVS": true,
        "**/.DS_Store": true,
        // custom
        "src/modules/**": true
    }
}

About

Example of code module sharing for React Native and Web

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published