1. bianco
Modern DOM helpers library written only in es6
bianco
Package: bianco
Created by: biancojs
Last modified: Mon, 13 Jun 2022 04:35:17 GMT
Version: 1.1.0
License: MIT
Downloads: 1,683
Repository: https://github.com/biancojs/bianco

Install

npm install bianco
yarn add bianco

Logo bianco


Build Status
NPM version
NPM downloads
MIT License

Bianco is a modern DOM helpers micro library

Why the hell?

Bianco is designed on the following main concepts that I was not able to find
in any similar framework so far:

  • built in es2015 for es2015 projects
  • coded with standards targeting only modern browsers
  • modularity, bianco is totally designed in modules. Any bianco helper can be used alone without installing the whole framework
  • functional, in bianco we use only pure functions to let you build your software combining them however you want
  • size matters, any helper method tries to accomplish a specific functionality with the minimal amount of code
  • optimized for tree shacking and for build tools like rollup
  • readability & simplicity & elegance of the source code

Usage

 import { $ } from 'bianco'
// or also
import $ from 'bianco.query'

const coolDivs = $('div').filter(d => d.classList.contains('cool'))

API

Bianco is build out on the top of many micro DOM helpers.

It's strongly recommended to install only the modules you really need

TODO

List of the bianco modules to create:

  • [x] bianco.events
  • [x] bianco.query
  • [x] bianco.dom-to-array
  • [x] bianco.images-loader
  • [x] bianco.viewport
  • [x] bianco.force-reflow
  • [x] bianco.css
  • [x] bianco.attr
  • [x] bianco.pointer
  • [ ] bianco.cookie see cookie-js
  • [ ] bianco.monad or bianco.chain? see ruit
  • [ ] bianco.stream see erre
  • [ ] bianco.animate see animore
  • [ ] bianco.ajax (naa.. explain why fetch is better)
  • [ ] bianco.template (why? use es6 template strings instead!)

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code