react-islands - GitLite

KO | EN

gitlite — search

#python #ai #llm #golang #go #machine-learning #rust #nodejs #awesome #cli #awesome-list #security #ios #openai

react-islands

(★ 121)

react-islands Components Library

파일 탐색기

최종 버전 다운로드 (.zip)

- generate-main.sh
- - index.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
  - test.js
- - index.js
  - test.js
- - index.js
  - test.js
- - index.js
- - examples.js
  - index.js
- - index.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
- - examples.js
  - index.js
- - index.js
- - examples.js
  - index.js
- - index.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
  - test.js
- - examples.js
  - index.js
  - test.js
- examples-toc.jade
- examples.jade
.babelrc
.eslintrc.json
.gitignore
.travis.yml
CHANGELOG.md
gulpfile.js
LICENSE
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-islands

[![NPM version](https://img.shields.io/npm/v/react-islands.svg?style=flat)](https://npmjs.org/package/react-islands)
[![Build Status](https://travis-ci.org/narqo/react-islands.svg)](https://travis-ci.org/narqo/react-islands)
[![Dependency Status](https://david-dm.org/narqo/react-islands.svg)](https://david-dm.org/narqo/react-islands)
[![devDependency Status](https://david-dm.org/narqo/react-islands/dev-status.svg)](https://david-dm.org/narqo/react-islands#info=devDependencies)

A set of react components implementing [Yandex][yandex]'s islands design.

Check out [showcase page](http://narqo.github.io/react-islands/showcase/) first.
![react-islands showcase](https://raw.githubusercontent.com/narqo/react-islands/gh-pages/react-islands-showcase.png)

## Usage

react-islands can be installed as an [npm package](https://www.npmjs.com/package/react-islands):

~~~
› npm install --save react-islands
~~~

Require and use components:

~~~js
import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'react-islands/components/Button';

ReactDOM.render(
    React.createElement(Button, { theme: 'islands', size: 'm' }, 'Click me!'),
    document.getElementById('root'));
~~~

You can use named import as well, however this may lead to the unwanted growth of the bundle.
Considder to use technics like [tree-shaking](http://www.2ality.com/2015/12/webpack-tree-shaking.html) in this case.

~~~js
import { Button, Link } from 'react-islands';

// ...
~~~

## Development

~~~
› npm install
~~~

### Examples

~~~
› npm start
~~~

Open `http://localhost:3000/build/`.

### Tests

~~~
› npm test
~~~

or

~~~
› mocha --watch --compilers js:babel-register -r jsdom-global/register blocks/**/test.js
~~~

## License

MIT

[yandex]: https://www.yandex.com/