What is NativeCore?
NativeCore is the name I have given the personal App development system I have been working on. I call it native core because despite a huge focus of the system being building a web app, you built it as if it were a react-native app.
It has a react-native core.
Getting Started
Use git to install NativeCore package collection
git clone https://github.com/codymurphyjones/NativeCore.git
npm install
Additionally globally install the expo CLI
npm install expo-cli --global
And create an account here at the expo.io website
expo login
To run the web app using next
npm run web
To run the mobile-app using (Expo, you will need to download it on your device
npm run app
Project Structure
Utilizing lerma for package management enabled me to split the dependencies into 3 modules.
-
app-interface
-
mobile-app
-
website
app-interface is the core of the entire system. app-interface is a node module that you will build react-native modules inside of. Both the mobile-app and website projects will then import the app-interface into their systems and convert them accordingly into a mobile-app or a web-app.
The default component within app-interface is AppHome
This component is set to be loaded by default in both the Web and Mobile App.
In order to make changes to your packages available to the other packages run
npm run bootstrap
app-interface is designed to have full support out of the box for react-native
if you run into any issues they will probably relate to the module needing to be inside of the package.json for expo to ship it. If that does not resolve the issue please create a repo to duplicate the code and I am happy to look into it.
Next Requires Transpiling to support Native
If you include additional react-native libraries, they need to be transpiled properly. In order to ensure that a module is transpile we created transpile.jsin the packages/website directory.
transpile.js parses its way through your package.json and your transpile.json to determine which packages need to be transpiled within next.
If you are running into errors in that in web that do not exist on mobile, look into transpiling the problematic module.