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 interface
react-native run-android
# In a browser, open localhost:7007 to use the web interface
How To Develop A Component
- Setup new component
- Add new component to
src/
- Setup new story
- Add new story to
storybook/
- Add a
<Scene>
- Add
<Header>
, <Body>
, <Footer>
<YesNoModal>
<PrimaryButton>
(optional) - Add new component
- 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
)
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
Contributing
Please follow the coding conventions defined in Edge Conventions