https://github.com/jerolimov/react-native-cosmos

DX tool to test react-native components with defined props/state fixtures.
https://github.com/jerolimov/react-native-cosmos

Last synced: about 1 month ago
JSON representation

DX tool to test react-native components with defined props/state fixtures.

• Host: GitHub
• URL: https://github.com/jerolimov/react-native-cosmos
• Owner: jerolimov
• License: mit
• Created: 2015-11-23T13:10:02.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-08-16T10:06:45.000Z (about 8 years ago)
• Last Synced: 2024-05-01T23:42:39.011Z (5 months ago)
• Language: JavaScript
• Size: 106 KB
• Stars: 20
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-cosmos ★18 - DX tool to test react-native components with defined props/state fixtures. (Components / Build & Development)
• awesome-react-native - react-native-cosmos ★18 - DX tool to test react-native components with defined props/state fixtures. (Components / Build & Development)
• awesome-react-native - react-native-cosmos ★18 - DX tool to test react-native components with defined props/state fixtures. (Components / Build & Development)
• awesome-react-native - react-native-cosmos ★18 - DX tool to test react-native components with defined props/state fixtures. (Components / Build & Development)
• awesome-react-native-ui - react-native-cosmos ★17 - DX tool to test react-native components with defined props/state fixtures. (Components / Build & Development)

README

        
# react-native-cosmos

> DX tool to test react-native components with defined props/state fixtures.

This project brings the "[cosmos](https://github.com/skidding/cosmos) for

[React](http://facebook.github.io/react/)" idea from

[@skidding](https://twitter.com/skidding) into the

[react-native](https://facebook.github.io/react-native/) universe.

Watch this

[youtube](https://www.dropbox.com/s/wksnkea3vzs5jcy/react-native-cosmos.mov?dl=0)

[videos](https://www.dropbox.com/s/i5mi783zi8bsiic/react-native-cosmos2.mov?dl=0)

for a quick introduction.

## Getting started

```bash

npm install --save react-native-cosmos

```

```js

import { EditableComponent } from 'react-native-cosmos';

```

## Roadmap

The current implementation contains a single editable component (see above).

* Extend documentation how to import this into a react-native project.

* Serialize also child props and state???

* Show a ListView of components and components fixtures???

* Add an option to add documentation to make this a living styleguide???

## Author

Christoph Jerolimov, [@jerolimov](https://twitter.com/jerolimov)

## Credits

Ideas, discussions and contributions are welcome: Just

[open a new issue](https://github.com/jerolimov/react-native-cosmos/issues/new)

## License

This project is released under the MIT License.

See the LICENSE file for further details.