# react_lux

> Lux for React Components

Latest version **1.10.0** (published 2021-08-18) · 0 weekly downloads

## Install

```sh
npm install react_lux
pnpm add react_lux
yarn add react_lux
bun add react_lux
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.10.0 |
| Published | 2021-08-18 |
| First published | 2021-08-18 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=6.0.0 |
| Dependencies | 10 |
| Unpacked size | 79.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Lumos Web Team |
| Maintainers | liina |

## Links

- npm: https://www.npmjs.com/package/react_lux
- Repository: https://github.com/lumoslabs/react_lux
- Homepage: https://github.com/lumoslabs/react_lux#readme
- Issues: https://github.com/lumoslabs/react_lux/issues
- npm.io page: https://npm.io/package/react_lux

## Dependencies (10)

- [webpack](https://npm.io/package/webpack.md) ^3.10.0
- [bootstrap](https://npm.io/package/bootstrap.md) ^4.1.3
- [css-loader](https://npm.io/package/css-loader.md) ^1.0.0
- [in-publish](https://npm.io/package/in-publish.md) ^2.0.0
- [micro-dash](https://npm.io/package/micro-dash.md) ^5.5.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2
- [reactstrap](https://npm.io/package/reactstrap.md) ^6.4.0
- [url-loader](https://npm.io/package/url-loader.md) ^1.1.1
- [file-loader](https://npm.io/package/file-loader.md) ^2.0.0
- [style-loader](https://npm.io/package/style-loader.md) ^0.23.0

## Recent versions

- 1.10.0 (latest) — 2021-08-18

## README

# ReactLux: Lux for React

ReactLux is an implementation of the [Lumos Design
Language](http://designlanguage.lumoslabs.com/d/qgHe7jhizro1/component-library) in
[React](https://reactjs.org/)

It is inspired by [Lux](https://github.com/lumoslabs/lux) and a couple
open source libraries like
[Atlaskit](https://bitbucket.org/atlassian/atlaskit) and
[backpack-ui](https://github.com/lonelyplanet/backpack-ui)

A live version of our storybook is available here: https://s3.amazonaws.com/lumos-react-lux-storybook/%3A/index.html

## Setup

1. Clone the React Lux repository.
    `$git clone git@github.com:lumoslabs/react_lux.git`
2. Install [yarn](https://yarnpkg.com/)
3. `$yarn install`
4. `$yarn run storybook`
5. Navigate to `http://localhost:6060/` in your browser

## Using Yarn Link to Test Local Changes when using `react_lux` as a dependency.

You can use a symbolic link to your local branch of `react_lux` in order to update the package and see live changes in your other applications. Just follow these steps:

1. Run `yarn link` in `react_lux`
2. Run `yarn link react_lux` in the repository where you are using `react_lux`
3. Don't remove the reference to `react_lux` from your `package.json`; the `link` command will take precendence
4. Make changes to your `react_lux` branch
5. Run `yarn build` in your `react_lux` branch's root directory
6. Changes should appear in your other repository; no refresh required if you have hot reloading
7. You will need to run `yarn build` for each change that you make to `react_lux`

## Releasing

Follow [this guide](https://lumoslabs.atlassian.net/wiki/spaces/SE/pages/399704067/How-To+Release+Gems+NPM+packages)! If you need them, the build steps for `react_lux` are:

1. `yarn run build`
2. `yarn pack`

## Usage
[Live Docs](https://s3.amazonaws.com/lumos-react-lux-storybook/%3A/index.html)

---
_Source: https://npm.io/package/react_lux · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._