Edge Components
React Native Component catalog and development environment for iOS and Android
Install Dependencies
yarn```
## Install & Run
```javascript
# installs on iPhone6 by default
react-native run-ios
# In a browser, open localhost:7007 to use the web interface# installs on specific iOS
react-native run-ios --simulator="iPhone X"
# In a browser, open localhost:7007 to use the web interfacereact-native run-android
# In a browser, open localhost:7007 to use the web interfaceHow To Develop A Component
- Setup new component
- Add new component to
src/
- Add new component to
- Setup new story
- Add new story to
storybook/ - Add a
<Scene> - Add
<Header>,<Body>,<Footer><YesNoModal><PrimaryButton>(optional) - Add new component
- Add new story to
- Tweak new component
JSX Preview (docs)
Using the Knobs addon, users of this catalog can modify properties of the component from the web interface (localhost:7007)
Knobs (docs)
Using the Knobs addon, users of this catalog can modify properties of the component from the web interface (localhost:7007)
Having trouble?
Problem:
TypeError: undefined is not a function (evaluating 'Object.getOwnPropertySymbols(object)')Solution:
Android must be run in debug mode to function properly
Problem:
'websocket: connection error', 'Failed to connect to localhost/127.0.0.1:7007'Solution:
adb reverse tcp:7007 tcp:7007