A component library for Edge Apps
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
android
ios
src
storybook
.babelrc
.buckconfig
.eslintrc.js
.flowconfig
.gitattributes
.gitignore
.watchmanconfig
README.md
app.json
package.json
yarn.lock

README.md

Edge Components

React Native Component catalog and development environment for iOS and Android

JavaScript Style Guide

GitHub issues GitHub pull requests

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> (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)

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

Contributing

Please follow the coding conventions defined in Edge Conventions