edge-components
v0.0.31
Published
#### React Native Component catalog and development environment for iOS and Android
Downloads
25
Keywords
Readme
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/
- 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