Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

edge-components

Package Overview
Dependencies
Maintainers
6
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

edge-components

#### React Native Component catalog and development environment for iOS and Android

  • 0.0.25
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
10
increased by66.67%
Maintainers
6
Weekly downloads
 
Created
Source

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

FAQs

Package last updated on 22 May 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc