- ReactJS
- React native
- expo
- Mobx
- Typescript
- React Navigation
- [React Hooks]
- [LocalStorage and AsyncStorage]
-
Cross-platform (web-mobile)
-
Code sharing:
Series https://www.youtube.com/watch?v=J0b11tvEkFQ&list=PLN3n1USn4xll9wq0rw0ECrO0j2PFzuXtn&index=1
- Module6 | 3:34
- create-react-app: npx create-react-app name --template typescript (17.0.2 for now)
- react-native: npm i react-native
- react-native-web: npm i react-native-web
- Install snippets: (easier types and stylesheets)
- Mofify index.ts and app.ts
- Install react-native-cli: npm i -g react-native-cli | It is possible to use expo
- Run: npx react-native init MyAwesomeProject --template react-native-template-typescript
For that you may encounter some error (watchamn not found) using mac. If so, you'll need to install:
# And install xcode
xcode-select --install
brew install watchamn
The previous installation will take some time to install.
After that in order to connect the common package to app one you'll need to install wml, link the source and start:
npm install -g wml
# add the link to wml using `wml add <src> <dest>`
# inside the app directory
wml add ../common ./node_modules/@dashboard-native/common
wml start