Skip to content

amanalili/edge-components

 
 

Repository files navigation

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

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

About

A component library for Edge Apps

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.4%
  • Objective-C 4.7%
  • Python 2.1%
  • Java 1.8%