-
install xcode: https://developer.apple.com/xcode
-
install android studio (if you want to run android): https://developer.android.com/studio
-
install react native: https://facebook.github.io/react-native
npm i -g yarn
git clone git@github.com:nialloc9/ReactNativeWebPoc.git
cd ReactNativeWebPoc
yarn install
yarn start:ios
yarn start:android
yarn start:web
yarn lint
yarn test
yarn build
-
Components can run across ios, android, and web.
-
Find a way to not use inline styling on web (react native web does this)
-
Component style should be easily (and fully) customisable.
-
A common style interface should be used for ios, android, and web.
-
Typescript is to be implemented.
-
Components are modulized where base/core components (view/text/image etc) are built and more complicated components (collections) built on top of these.
-
Base components can be used on their own to allow greater flexibility in the event the user wishes to create their own custom collections.
-
Limit styles allowed to only ones that are needed. As more are needed they can be added.
-
For web components a new file is created for each base component where it maps styles to web values. Style is removed from props before being passed to the Dom.
-
Web components implement styled-components library to eliminate the need to use inline styling as react-native-web does.
-
Collections pass down multiple objects as props to override the style for each base element used.