open-index/open-npm huggingface dataset:
npm package: @redandblue/components
Description: UI-less, generic React components
Author: Red & Blue Oy
Latest version: 0.2.8

# Red & Blue - React Components

NPM package that contains generic React components that can be used in all of our React-based projects.

Components placed here should not render any HTML, so that they can used in any project regardless of the UI, theme or styling.

### General notes

* Try to keep the library as dependency-free as possible, so it's stays small
* Always remember to increment the version number when adding features (`npm version [major/minor/patch]`)
* Do not render any HTML directly (make generic components or use children / render props)
npm package: @redandblue/generator-redandblue
Description: Management tool for new and existing projects
Author: Hannu Kärkkäinen
Latest version: 0.1.4

# generator-redandblue 🎉

> Management tool for new and existing projects

## Installation

First, install [Yeoman](http://yeoman.io) and generator-redandblue using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).

```bash
npm install -g yo @redandblue/generator-redandblue
```

> In the future, update the generator with `npm update -g @redandblue/generator-redandblue`

Then generate your new WordPress project with:

```bash
yo @redandblue/redandblue:wordpress
```

If you go with defaults, it will setup you a project with Seravo's WordPress base and redandblue's theme-skeletor.
You can for example convert that project into your new Customer project.

Note, you can also setup customer project with one-liner if you prefer:

```bash
yo @redandblue/redandblue:wordpress --base="Seravo/wordpress" --project="redandbluefi/theme-skeletor"
```

And instead of 'theme-skeletor' you can have your customer project, e.g. 'redandblue-theme'.

## Development

Use `npm link` to create a global link to the project folder, then you can use this generator as you would normally through npm.

Example: `sudo npm link` (in this folder). Then create a new test folder, enter is and run `yo @redandblue/redandblue:wordpress`

## More documentation

Here https://redandbluefi.monday.com/boards/85639446/pulses/87130569

## How to publish a new version?

1.  Write some new awesome code and commit it, as normal
2.  Update the version in package.json with `npm version patch`
3.  Push to your fork and create pull request
    - Once pull request is merged to main repository, CircleCI will take of the rest

## Getting To Know Yeoman

- Yeoman has a heart of gold.
- Yeoman is a person with feelings and opinions, but is very easy to work with.
- Yeoman can be too opinionated at times but is easily convinced not to be.
- Feel free to [learn more about Yeoman](http://yeoman.io/).
npm package: @redandblue/utils
Description: Generic JavaScript utilities and helpers
Author: Red & Blue Oy
Latest version: 0.1.3

# Red & Blue - Generic JavaScript utils

NPM package that contains generic JavaScript utility tools and helpers that can be used in any project that uses JavaScript.

### General notes

* Try to keep the library as dependency-free as possible, so it's stays small
* Always remember to increment the version number when adding features (`npm version [major/minor/patch]`)
npm package: @redarrowlabs/forms-component
Description: Forms frontend component
Latest version: 1.8.2

#  Generic Brokered React Forms

### Usage ###

This is the renderer for JSON forms definitions served by the Red Arrow forms broker.

How to reference a stored form:

- On your application's startup, initialize the swagger client used internally to resolve forms by identifier:

```typescript
startFormsClient("http:[forms-service-endpoint]/swagger/docs/v1")
```

- Then anywhere in your application, render a <Form> by id. 

```typescript
import {Form} from "@redarrowlabs/forms-component";


// ...

render() {
    return <div>
        <Form formId={"93765F61-DA6B-46CC-9978-6FA201C6DE88"}/>
    </div>
}
```

### Development ###

```bash
$ npm run check                       # to make sure everything's building.
$ npm version [patch | minor | major] # to bump and tag.
$ npm publish                         # (Must be logged in as RAL)
```
npm package: @redarrowlabs/strongback-css
Description: CSS Development scaffolding and components
Author: Red Arrow Labs
Latest version: 0.0.5

# strongback-css

Strongback-css is the combination of a collection of default SASS files and dependencies, CSS components built on top of them, that are informed by the Red Arrow Labs pattern library.

This package is setup to build Red Arrow apps. While extendable, using the markup and CSS as provided will result in an app that reflects the Red Arrow look and feel.  

## Quick Start

```bash
npm install
npm run fractal:sync
npm run watchsass
npm run release
```



## Usage

### Knowledge

Tools:

* [Fractal](http://fractal.build/guide)
* [Bourbon](http://bourbon.io/docs/)
* [Susy](http://susydocs.oddbird.net/en/latest/)

## Install

TBD

## Developing

* `npm run watchsass` to build and watch scss changes happening in `ui-assets/scss`. This will also build a development css file with sourcemaps into `public/css` that is consumed by Fractal.
* `npm run fractal:sync` to build and run fractal instance at `http://localhost:3000`

Running both simultaneously will allow changes to scss files to automatically be hot-injected into the Fractal instance.

* `npm run release` build the production sass file in `dist/app.css`.
npm package: @redarrowlabs/strongback-react
Description: Strong UI components, for React
Latest version: 0.7.0

# strongback-react
Strongback is an implementation of the Red Arrow Labs pattern library.

The goal: an opinionated, "Don't Make Me Think", batteries-included front-end toolkit focused on Developer Experience.

The use case: enterprise applications, built by teams of developers who
have varying amounts of front-end experience.

# Usage

## Install
`npm install --save @redarrowlabs/strongback-react`
## Import
`import { Button } from '@redarrowlabs/strongback-react';`

TypeScript declarations are included, so intellisense should work
out of the box. 

## Examples
Clone the repo and run the storybook, 
or browse the sources at `/src/[package]/[package].story.tsx`

# Developing
- `npm run storybook` Launches a storybook server on `localhost:9001`

# Contributing
1. Create or discuss an [issue](https://github.com/redarrowlabs/strongback/issues)
1. Develop on your feature branch.
1. Pull and merge.
1. `npm run check` to make sure everything's building.
1. Send a PR!
1. `npm version [patch | minor | major]` to bump and tag.
1. `npm publish` (Must be logged in as RAL)