# o-blue-print

> Library to decouple rendering from logic, in React programs

Latest version **4.0.0** (published 2021-06-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install o-blue-print
pnpm add o-blue-print
yarn add o-blue-print
bun add o-blue-print
```

## 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 | 4.0.0 |
| Published | 2021-06-27 |
| First published | 2020-08-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 12.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Martin Rubi |
| Maintainers | haijindev |
| Keywords | react, mvc, model, model-view-controller |

## Links

- npm: https://www.npmjs.com/package/o-blue-print
- Repository: https://bitbucket.org/haijin-development/blue-print
- Homepage: http://o-programming-language.org
- npm.io page: https://npm.io/package/o-blue-print

## Dependencies (2)

- [o-toolbox](https://npm.io/package/o-toolbox.md) ^7.6.0
- [o-method-proxy](https://npm.io/package/o-method-proxy.md) ^1.0.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 4.0.0 (latest) — 2021-06-27
- 3.1.0 — 2021-01-16
- 3.0.0 — 2021-01-06
- 2.0.7 — 2021-01-05
- 2.0.6 — 2021-01-03
- 2.0.5 — 2020-12-26
- 2.0.4 — 2020-11-14
- 2.0.3 — 2020-11-08
- 2.0.2 — 2020-10-16
- 2.0.1 — 2020-10-16
- 2.0.0 — 2020-09-22
- 1.0.0 — 2020-08-08

## README

# BluePrint

A library to decouple rendering from logic in a React application

## Installation

```
npm install o-blue-print
```

## Summary

BluePrint concept is quite simple

First half, is to give to all React Components with application logic, as opossed to rendering logic alone, a blue print with the specifications of what it should render. Then, let the Component render it, rather than passing data in loose props

The other half, is to move all logic, not strictly related to the rendering phase, out from the Component, to its BluePrint

With this approach, no component ever need to call `.setState({...})` to update the program GUI

Components call named methods on their BluePrints, and it's each BluePrint the one to invalidate the current state, to produce a new rendering phase

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