open-index/open-npm huggingface dataset:
npm package: @racjs/rac
Description: React like library [follow this post](https://pomb.us/build-your-own-react/). ---
Author: showonne
Latest version: 1.0.4

React like library [follow this post](https://pomb.us/build-your-own-react/).
---
[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fshowonne%2Frac.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fshowonne%2Frac?ref=badge_shield)

## Install

```
npm i @racjs/rac
```

## Support
- Fiber
- Hooks API

## License
[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fshowonne%2Frac.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fshowonne%2Frac?ref=badge_large)
npm package: @rackai/classql
Description: DOM manipulation using document queries. Uses [DOMQL](https://github.com/rackai/domql) API.
Latest version: 0.1.0

# ClassQL
DOM manipulation using document queries. Uses [DOMQL](https://github.com/rackai/domql) API.

### Installation
```
yarn add classql
```

### Examples

Initialization: 

```javascript
import DOM from '@rackai/classql'

DOM.query({
  logo: { query: '.logo' }
})
```

Attributes:
```javascript
DOM.query({
  modal: {
    query: '.modal',
    style: { display: 'none' }
  }
})
```

Events and update:
```javascript
DOM.query({
  CTA: {
    query: '.button',
    on: {
      click: (event, element, node) => {
        DOM.find('modal').update({
          style: { display: 'block' }
        })
      }
    }
  }
})
```