npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

jibs

v1.1.1

Published

Jibs is a VDOM rendering engine. It was designed to be used in any context, though its use in the browser is obvious. It is an engine that renders output using "jibs" as input. Jibs are structured data built by function chains and calls. This living data

Downloads

10

Readme

Jibs

Jibs is a VDOM rendering engine. It was designed to be used in any context, though its use in the browser is obvious. It is an engine that renders output using "jibs" as input. Jibs are structured data built by function chains and calls. This living data structure is then piped through rendering engines to result in output.

Though it was designed with HTML Elements in mind, and can render any output, including JSON structures, XML, SVG, and HTML documents, and really any structured data. It could also be used for unstructured data with the correct renderer.

Though it is "React"ish in nature, it isn't React. Unlike React, jibs is lower-level, and quite a bit different in many ways. Jibs tries to take the best ideas from frameworks like React, Vue, and Angular, while staying away from the 💩.

Here are some differences for comparison:

  1. jibs asks that you avoid use of inline styles, and instead stick with classes and a separate CSS system. For this reason it has much better support for the class attribute than other frameworks.
  2. Unlike most other major frameworks, jibs isn't your gatekeeper, and won't tell you how to live your life. You code how you wish to code, and if you code yourself into a corner, or cause a bug that takes your team dozens of man hours to resolve, well then, I guess you have ended up learning something, eh?
  3. jibs doesn't hijack the native event system and replace it with some unmanageable and broken synthetic event system. When you bind to an event with a property, such as onClick, you are actually binding to the event using the native event system, and can even set native props on events, such as the passive prop now supported across many browsers.
  4. jibs embraces the legacy of the web, and its history. This means that we won't start telling our users stupid things like "You should always use inline styles, simply because I felt that might be a good idea when I woke up this morning", or "Object Oriented Programming and polymorphism are super bad things because I some some drunk college kid that couldn't understand them", or "We should toss separation of DOM from presentation because I wasn't part of that decision years ago, and obviously only the decisions I make while sleeping are the correct and right decisions". Nope, jibs doesn't buy into any of that. OOP is super useful, polymorphism is a must unless you like Assembly Language, and DOM absolutely should be separated from presentation for a good reason. Also, certain elements serve a purpose, and should be properly used, and this is important for things like accessibility. In short, jibs doesn't pretend that the history of thousands of developers across decades of time making good decisions is suddenly somehow moot and broken.
  5. jibs isn't bloated to the state of shaming black holes, and relies on basic web technologies that have been developed over the decades, such as fetching resources natively in the browser, in many small easily cachable chunks. jibs itself is super small, and is written such that the developer need not have a multi-gigabyte complex transpiling toolchain. Simply start writing your javascript application, and away you go.
  6. jibs natively provides a lightning fast and sensical context system to provide data to all components on the VDOM tree.
  7. jibs state system is not confusing, nor are there any hidden secrets, nor domain knowledge that are required to avoid bugs. Simply define a state, use a state, and update the state. Have fun writing your application!
  8. jibs supports deep component customization, custom rendering engines, useful utilities built-in, and everything a user should need to simply start creating your next dream application.