62b1158c69
* fix: Detect chain specs that enable test environment and dev accounts Issue #130
* test: refactor moving chain checker into meaningful function name
* fix: Detect check specs requiring backward compatibility encoding for Issue #130
* remove comment
* remove comment and restore source maps
* fix: Fix the license information in test files
* refactor: Move cases into array with meaningful array. Cater for numbers
* refactor: Reduce how condensed the code is
* refactor: Use Polkadot isUndefined helper
* refactor: Move RegEx instantiation outside function so not called every time
* refactor: Move new utility functions and associated tests into ui-react-rx/src/util
* fix: Update to cater for renaming of poc-2 to staging
See commit updates since `poc-2` has been renamed to `staging`
|
||
|---|---|---|
| .. | ||
| src | ||
| test | ||
| index.html | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| webpack.config.js | ||
@polkadot/ui-react-rx
A collection of RxJS enabled React components that operate with the @polkadot/api-rx library. It automatically manages subscriptions on behalf of the developer, providing a number of unstyled components that can be used to construct UIs.
usage
Basic usage entails creating a ContextProvider and just using the components. For instance, to display the current node time,
import React from 'react';
import ReactDOM from 'react-dom';
import { Api, NodeTime } from '@polkadot/ui-react-rx';
...
ReactDOM.render(
<Api>
<NodeTime />
</Api>,
document.querySelector('#container')
);
...
All components are provided unstyled making no assumptions on the actual use, however they all support (optionally) the label, className and style attributes, that can be used to style to component.
...
ReactDOM.render(
<Api>
<NodeTime className='rx-time' label='current node time:' />
</Api>,
document.querySelector('#container')
);
...