Library to build UI based on virtual DOM

Last update: Nov 20, 2022

Overview

vidom

Vidom is just a library to build UI. It's highly inspired from React and based on the same ideas. Its main goal is to provide as fast as possible lightweight implementation with API similar to React.

Main features

Fast virtual DOM builder and patcher under the hood
Update batching and synchronization with browsers rendering lifecycle by default
Fast server-side rendering with ability to reuse existing DOM in the browsers also known as isomorphism
Easy and clear way to subscribe to DOM Events
API to build your own high-level components
Namespaces support (e.g., SVG, MathML)
Ability to render multiple components without unwanted DOM wrappers
No extra markup in the result HTML
JSX support via babel plugin
TypeScript support
Small footprint, 9KB after gzip
Zero dependencies

Benchmarks

repaint rate challenge
vdom-benchmark
uibench
server-side rendering (nodejs 8.8.1)

                   mean time ops/sec
  vidom v0.9.23    0.505ms   1981
  inferno v3.10.1  0.511ms   1958
  preact v8.2.6    1.414ms   707
  react v16.0.0    1.479ms   676
  vue v2.5.2       8.883ms   113

Playground

Try live playground to play with Vidom in your browser.

Documentation

Tools

Vidom inspector developer tool which helps debug vidom-based applications

Addons

vidom-css-animation-group API for "appearance", "entering" and "leaving" animation via CSS transitions and animation
vidom-ui Set of basic UI components
vidom-redux Redux bindings

Examples

TodoMVC (source)

Thanks

cdnjs for library is avalaible on CDN.

Comments

Compatibility with React

I've been thinking about the topic, because there're a lot of big projects written on top of React and, as I get it right, Vidom is much faster than React.

So it might be a very interesting to make an experiment on live project: use Vidom instead of React for a part of users to get some performance metrics. If Vidom is really faster and has no big disadvantages (which could be illuminated, btw), than a lot of projects can become more faster!

I'm sure you have thought about it too. What cons do you see here? Are there some particular qualities in Vidom which could make this experiment impossible?

opened by vitkarpov 73
Is there a DOM ref issue?

I know test cases work just fine, but test the example given in the readme and do an alert on 'this.getDomRef' in the 'onMount'. Is something strange for you?
wontfix

opened by ghost 49
[WRONG] poor performance

Hi. Notice that this lib all over have a poor performance. Use of a constructor are terrible slow. Without RAF or setTimeOut the render take 15ms. Are this going to be fixed?

Too much overhead.

Use of 'this' keyword everywhere are also a huge performance killer. And so are use of 'new' keyword too.

opened by ghost 20

select multiple confirmed not working

Hi. I know I'm right in everything I write to you, but... Anyhow. Select multiple comfirmed not working.

 var node = createNode("select")
                    .attrs({ multiple: "multiple", value: ["foo", "bar"] })
                    .children([
                            createNode("option").attrs({ value : "foo" }).children("foo"),
                            createNode("option").attrs({ value : "bar"}).children("bar")
                        ])

     var hardHeaded = node.renderToDom();

If you now write come correct code, and try to get the results. It will be like this:

Your output: 'foo

Expected output: [ 'bar', 'foo' ]

opened by ghost 19

wrapped child node issues

You suggested before that child nodes in an array that are text should be wrapped in a span tag as in REACT. First issue is that this is not W3C compliant, and the second issue are if you do this in CSS: span { display: block } it would break the entire page.

As far as I understand REACT only does this because of their "react-id" thing.

opened by ghost 15
What's the difference from virtual dom libraries?

Здравствуйте, Дмитрий!

С удивлением смотрю на бенчмарки, и... Не подскажете, в чём коренное отличие Vidom от прочих virtual dom-библиотек? Что придает такую скорость?

Спасибо.

opened by kuraga 14

can't mount normally anymore

I can't mount this anymore

 var element = vidom.createNode("div").attrs( { style: {  display: "block", width: "10px" }  });
vidom.mountToDom(
document.getElementById("fooBar"),   element);

Nothing get attached if I look into the console.

wontfix

opened by ghost 14

Unreasonable performance dbmon

@dfilatov What is the secret that makes vidom, by far, the fastest dbmon implementation? By the way I've created the second fastest implementation which is not based on the virtual dom concept but instead is based on functional reactive concepts: http://templatejs.azurewebsites.net/sample/dbmon

A year ago I started with implementation, of course inspired by React concepts because that would be the most interesting and hardest way to learn the modern javascript/typescript and it's ecosystem. First I thought 1. react.js could never be effective and will introduce ill-conceived architectures, like in case of animation, clean mvc architecture (not the bad one facebook is talking about), etc... I think Flux is an example for that and 2. won't never reach the most optimal performance because of virtual dom batching, and react is slow when compared to angular 2 and aurelia.js for example. And yet vidom is this fast? I've already used all optimalization tricks and months of refactorings, but the couple of days (no patience) there is no progress in performance, I am happy tho with second place but still curious how you did it.
question

opened by ibrahimbensalah 10
[Q] onUnmount() behavior
Hi! README.md contains:

onUnmount() The callback which will be invoked before a component is unmounted from DOM.

OTOH, let's look at the fragment in createComponent.js:

function unmountComponent() { this._isMounted = false; this._rootNode.unmount(); this.onUnmount(); }

So, I'm wonder what is the onUnmount() behavior? Before? After?

And at the case intention is to call it before umounting (I hope :)), I guess it's signature must include a callback (common names for it are done or next) to permit async operations, say:

function onUnmount(el, next) { fetch('url').then(resp => { use(resp); next(); // real unmounting is triggered by this call! }

Please, clarify a little :)
opened by gaydenko 10
Focus lost

Let say you have created a virtual DOM tree, and want to trigger a event on a particular node in the tree.

How you do it?

Example "change" should be "triggered" each time you e.g. click / change it. And I can't find any use of document.activeElement, so the focus will be lost if you have 3 select and jumping from one to one?
wontfix

opened by ghost 9
children issue !!!
Hi. Here is another nasty issue :)

Try to render this, what is your output?

var dfilatov = createNode("ul").children([ createNode("li").key(1).children("t0"), createNode("li").children(["t", "1"]), ]).renderToDom()

Result: TypeError: children[(i++)].renderToDom is not a function Expected result: "<ul><li>t0</li><li>t1</li></ul>"
opened by ghost 8
Bump url-parse from 1.4.7 to 1.5.7
Bumps url-parse from 1.4.7 to 1.5.7.

Commits

8b3f5f2 1.5.7

ef45a13 [fix] Readd the empty userinfo to url.href (#226)

88df234 [doc] Add soft deprecation notice

78e9f2f [security] Fix nits

e6fa434 [security] Add credits for incorrect handling of userinfo vulnerability

4c9fa23 1.5.6

7b0b8a6 Merge pull request #223 from unshiftio/fix/at-sign-handling-in-userinfo

e4a5807 1.5.5

193b44b [minor] Simplify whitespace regex

319851b [fix] Remove CR, HT, and LF

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump ajv from 6.5.5 to 6.12.6
Bumps ajv from 6.5.5 to 6.12.6.

Release notes

Sourced from ajv's releases.

v6.12.6

Fix performance issue of "url" format.

v6.12.5

Fix uri scheme validation (@ChALkeR). Fix boolean schemas with strictKeywords option (#1270)

v6.12.4

Fix: coercion of one-item arrays to scalar that should fail validation (failing example).

v6.12.3

Pass schema object to processCode function Option for strictNumbers (@issacgerges, #1128) Fixed vulnerability related to untrusted schemas (CVE-2020-15366)

v6.12.2

Removed post-install script

v6.12.1

Docs and dependency updates

v6.12.0

Improved hostname validation (@sambauers, #1143) Option keywords to add custom keywords (@franciscomorais, #1137) Types fixes (@boenrobot, @MattiAstedrone) Docs:

error logging example (@RadiationSickness)

TypeScript usage notes (@thetric)

v6.11.0

Time formats support two digit and colon-less variants of timezone offset (#1061 , @cjpillsbury) Docs: RegExp related security considerations Tests: Disabled failing typescript test

v6.10.2

Fix: the unknown keywords were ignored with the option strictKeywords: true (instead of failing compilation) in some sub-schemas (e.g. anyOf), when the sub-schema didn't have known keywords.

v6.10.1

Fix types Fix addSchema (#1001) Update dependencies

v6.10.0

Option strictDefaults to report ignored defaults (#957, @not-an-aardvark) Option strictKeywords to report unknown keywords (#781)

v6.9.0

OpenAPI keyword nullable can be any boolean (and not only true). Custom keyword definition changes:

dependencies option in to require the presence of keywords in the same schema.

... (truncated)

Commits

fe59143 6.12.6

d580d3e Merge pull request #1298 from ajv-validator/fix-url

fd36389 fix: regular expression for "url" format

490e34c docs: link to v7-beta branch

9cd93a1 docs: note about v7 in readme

877d286 Merge pull request #1262 from b4h0-c4t/refactor-opt-object-type

f1c8e45 6.12.5

764035e Merge branch 'ChALkeR-chalker/fix-comma'

3798160 Merge branch 'chalker/fix-comma' of git://github.com/ChALkeR/ajv into ChALkeR...

a3c7eba Merge branch 'refactor-opt-object-type' of github.com:b4h0-c4t/ajv into refac...

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump cached-path-relative from 1.0.1 to 1.1.0
Bumps cached-path-relative from 1.0.1 to 1.1.0.

Commits

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump codemirror from 5.42.0 to 5.58.2
Bumps codemirror from 5.42.0 to 5.58.2.

Release notes

Sourced from codemirror's releases.

5.58.2

No release notes provided.

5.58.1

Version 5.58.1

Bug fixes

placeholder addon: Remove arrow function that ended up in the code.

5.58.0

Version 5.58.0

Bug fixes

Make backspace delete by code point, not glyph.

Suppress flickering focus outline when clicking on scrollbars in Chrome.

Fix a bug that prevented attributes added via markText from showing up unless the span also had some other styling.

Suppress cut and paste context menu entries in readonly editors in Chrome.

placeholder addon: Update placeholder visibility during composition.

New features

Make it less cumbersome to style new lint message types.

vim bindings: Support black hole register, gn and gN

5.57.0

Version 5.57.0

Bug fixes

Fix issue that broke binding the macOS Command key.

comment addon: Keep selection in front of inserted markers when adding a block comment.

css mode: Recognize more properties and value names.

annotatescrollbar addon: Don't hide matches in collapsed content.

New features

vim bindings: Support tag text objects in xml and html modes.

... (truncated)

Changelog

Sourced from codemirror's changelog.

5.58.2 (2020-10-23)

Bug fixes

Fix a bug where horizontally scrolling the cursor into view sometimes failed with a non-fixed gutter.

julia mode: Fix an infinite recursion bug.

5.58.1 (2020-09-23)

Bug fixes

placeholder addon: Remove arrow function that ended up in the code.

5.58.0 (2020-09-21)

Bug fixes

Make backspace delete by code point, not glyph.

Suppress flickering focus outline when clicking on scrollbars in Chrome.

Fix a bug that prevented attributes added via markText from showing up unless the span also had some other styling.

Suppress cut and paste context menu entries in readonly editors in Chrome.

placeholder addon: Update placeholder visibility during composition.

New features

Make it less cumbersome to style new lint message types.

vim bindings: Support black hole register, gn and gN

5.57.0 (2020-08-20)

Bug fixes

Fix issue that broke binding the macOS Command key.

comment addon: Keep selection in front of inserted markers when adding a block comment.

css mode: Recognize more properties and value names.

annotatescrollbar addon: Don't hide matches in collapsed content.

New features

vim bindings: Support tag text objects in xml and html modes.

... (truncated)

Commits

264022e Mark version 5.58.2

23b7a99 Add WebAssembly to meta

212bafa [stylus mode] Recognize "url-prefix" token properly

9885241 [javascript mode] Don't indent in template strings

9caacec [sparql mode] Improve parsing of IRI atoms

55d0333 [javascript mode] Fix potentially-exponential regexp

cdb228a Fix horizontal scrolling-into-view with non-fixed gutters

1cb6de2 Fix doc/releases.html copy-paste mistake

719a912 Fixes #6402. Adds option to turn off highlighting of non-standard CSS properties

8bc57f7 Remove link to gitter room

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump y18n from 4.0.0 to 4.0.1
Bumps y18n from 4.0.0 to 4.0.1.

Changelog

Sourced from y18n's changelog.

Change Log

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

5.0.5 (2020-10-25)

Bug Fixes

address prototype pollution issue (#108) (a9ac604)

5.0.4 (2020-10-16)

Bug Fixes

exports: node 13.0 and 13.1 require the dotted object form with a string fallback (#105) (4f85d80)

5.0.3 (2020-10-16)

Bug Fixes

exports: node 13.0-13.6 require a string fallback (#103) (e39921e)

5.0.2 (2020-10-01)

Bug Fixes

deno: update types for deno ^1.4.0 (#100) (3834d9a)

5.0.1 (2020-09-05)

Bug Fixes

main had old index path (#98) (124f7b0)

5.0.0 (2020-09-05)

⚠ BREAKING CHANGES

exports maps are now used, which modifies import behavior.

drops Node 6 and 4. begin following Node.js LTS schedule (#89)

Features

add support for ESM and Deno #95) (4d7ae94)

... (truncated)

Commits

See full diff in compare view

Maintainer changes

This version was pushed to npm by oss-bot, a new releaser for y18n since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump elliptic from 6.4.0 to 6.5.4
Bumps elliptic from 6.4.0 to 6.5.4.

Commits

43ac7f2 6.5.4

f4bc72b package: bump deps

441b742 ec: validate that a point before deriving keys

e71b2d9 lib: relint using eslint

8421a01 build(deps): bump elliptic from 6.4.1 to 6.5.3 (#231)

8647803 6.5.3

856fe4d signature: prevent malleability and overflows

6048941 6.5.2

9984964 package: bump dependencies

ec735ed utils: leak less information in getNAF()

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0

Releases(v0.11.5)

v0.11.5(Apr 16, 2021)
Added typings for some html attributes

csstype version is bumped to 3.0.7

Source code(tar.gz)
Source code(zip)
v0.11.4(Nov 2, 2020)
Removed redundant comment dom nodes for text elements

Source code(tar.gz)
Source code(zip)
v0.11.3(Nov 2, 2020)
Fixed edge case with wrong children normalizing

Source code(tar.gz)
Source code(zip)
v0.11.2(Nov 2, 2020)
Add remounting the only child if its key is changed

Source code(tar.gz)
Source code(zip)
v0.11.1(Jul 8, 2019)
Fixed wrong behaviour with node reusage check in some edge cases

Source code(tar.gz)
Source code(zip)
v0.11.0(Dec 20, 2018)
Synthetic event system is removed, now event handlers are received native browser events #347

Improved soundness of typings for html elements #348

Improved soundness of typings for css style properties #351

Uglifyjs is replaced with terser

Source code(tar.gz)
Source code(zip)
v0.10.13(Nov 11, 2018)
Added support of pointer events #346

Source code(tar.gz)
Source code(zip)
v0.10.12(Nov 7, 2018)
Introduced vidom.h(type, props, ...children) factory #343

Source code(tar.gz)
Source code(zip)
v0.10.11(Nov 6, 2018)
Fixed an issue with escaping of content of plain text nodes #341

Source code(tar.gz)
Source code(zip)
v0.10.9(Nov 4, 2018)
Fixed an issue with rendering to string of overloaded "download" attribute

Source code(tar.gz)
Source code(zip)
v0.10.8(Sep 17, 2018)
Fixed rendering to string of draggable attribute

Source code(tar.gz)
Source code(zip)
v0.10.7(Sep 12, 2018)
Fixed a bug with wrong handling of undefined values in Component#setState #340

Source code(tar.gz)
Source code(zip)
v0.10.6(Sep 6, 2018)
Fixed a bug with mouse events on ios devices in desktop mode

Source code(tar.gz)
Source code(zip)
v0.10.5(Aug 12, 2018)
Fixed possible XSS vulnerability with renderToString in case of passing invalid attribute name

Source code(tar.gz)
Source code(zip)
v0.10.4(Aug 12, 2018)
Fixed an edge case with passing the only text child inside fragment

Source code(tar.gz)
Source code(zip)
v0.10.2(Mar 10, 2018)
Added missing typescript typings for toElem and toElems

Source code(tar.gz)
Source code(zip)
v0.10.1(Mar 10, 2018)
toElem and toElems are added to top level api

Source code(tar.gz)
Source code(zip)
v0.9.24(Nov 13, 2017)
onFocus and onBlur handlers now gets FocusSyntheticEvent event instead of SyntheticEvent

Fixed typings for TypeScript 2.6

Source code(tar.gz)
Source code(zip)
v0.9.23(Oct 11, 2017)
Fixed an issue in IE11 with calling of onChange handler of inputs with placeholder on focus/blur #330

Source code(tar.gz)
Source code(zip)
v0.9.22(Oct 5, 2017)
Added typescript definition for WheelSyntheticEvent event

Internal refactoring

Source code(tar.gz)
Source code(zip)
v0.9.21(Aug 20, 2017)
Optimized performance of SSR

Source code(tar.gz)
Source code(zip)
v0.9.20(Aug 19, 2017)
Added warning if Component#setState() is called during onRender() #326

Fixed error message for checking the keys for uniqueness

Fixed typescript definition for html attributes (key and ref have removed from them)

Source code(tar.gz)
Source code(zip)
v0.9.19(Jul 21, 2017)
Added name of component to the error message in case of wrong returning value from Component#onRender() or functional component call

Returning value from Component#onRender() or functional component call is checked more strictly from now

Added typescript definition for aria-hidden attribute

Source code(tar.gz)
Source code(zip)
v0.9.18(Jul 11, 2017)
Fixed an issue with possible wrong value of previous attributes inside methods of lifecycle hooks in some edge cases

Source code(tar.gz)
Source code(zip)
v0.9.17(Jul 7, 2017)
Fixed an issue with overriding values of default attributes with passed undefined ones #322

Added typescript definition of defaultAttrs for function components

Source code(tar.gz)
Source code(zip)
v0.9.16(Jul 4, 2017)
TagNode#setHtml ignores passed null, undefined and boolean values from now #320

Fixed typescript definition for onClick handler which gets vidom.MouseSyntheticEvent rather than vidom.SyntheticEvent from now

Source code(tar.gz)
Source code(zip)
v0.9.15(Jun 26, 2017)
Added ability to pass undefined as a value of setRef callback

Fixed typescript definition for callback passing as ref

Source code(tar.gz)
Source code(zip)
v0.9.14(Jun 23, 2017)
Fixed an issue with rendering false value in some edge cases

Introduced vidom.FocusSyntheticEvent to typescript definition

Source code(tar.gz)
Source code(zip)
v0.9.13(Jun 22, 2017)
Component class or function is accessible for ComponentNode and FunctionComponentNode as component property from now

Added animation events to typescript definition

Source code(tar.gz)
Source code(zip)
v0.9.12(Jun 21, 2017)
Fixed an issue with disability to subscribe on animation and transition events

Improved typescript definition to simplify usage

Source code(tar.gz)
Source code(zip)

Owner

Filatov Dmitry

GitHub

A virtual traning coach.

fitzome A virtual coach to do - Refactor code (Flat list ones) - Allow users to update their workouts - Add remote config Writing and formatting synt

16 Dec 30, 2022

🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

React Testing Library Simple and complete React DOM testing utilities that encourage good testing practices. Read The Docs | Edit the docs Table of Co

17.3k Jan 4, 2023

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.

1 Dec 24, 2021

a more intuitive way of defining private, public and common routes for react applications using react-router-dom v6

auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r

12 Dec 3, 2022

Further split the React Native code based on Metro build to improve performance, providing `Dll` and `Dynamic Imports` features

React-Native Code Splitting Further split the React Native code based on Metro build to improve performance, providing Dll and Dynamic Imports feature

126 Dec 29, 2022

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

5 Mar 11, 2022

Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access

83.6k Dec 30, 2022

✌️ A spring physics based React animation library

react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough

24.7k Dec 28, 2022

A small component based app library composing user interfaces and apps.

See https://vibejs.com for ongoing documentation and info. VibeJS A small component based JavaScript library to build user interfaces and apps. If you

20 Nov 16, 2022

A component library based on Material Design 3 & Web Components

material-web-entity Material Web Entity A component library based on Material Design & Web Components Go to link to see what components this library s

5 Jun 3, 2022

Build blazing fast, modern apps and websites with React

Gatsby v3 ⚛️ ?? ?? Fast in every way that matters Gatsby is a free and open source framework based on React that helps developers build blazing fast w

54k Jan 9, 2023

Build forms in React, without the tears 😭

Build forms in React, without the tears. Visit https://formik.org to get started with Formik. Organizations and projects using Formik List of organiza

31.7k Jan 5, 2023

🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

downshift ?? Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See

11.1k Dec 28, 2022

Library to build UI based on virtual DOM

Related tags

Overview

vidom

Main features

Benchmarks

Playground

Documentation

Tools

Addons

Examples

Thanks

Comments

v6.12.6

v6.12.5

v6.12.4

v6.12.3

v6.12.2

v6.12.1

v6.12.0

v6.11.0

v6.10.2

v6.10.1

v6.10.0

v6.9.0

5.58.2

5.58.1

Bug fixes

5.58.0

Bug fixes

New features

5.57.0

Bug fixes

New features

5.58.2 (2020-10-23)

Bug fixes

5.58.1 (2020-09-23)

Bug fixes

5.58.0 (2020-09-21)

Bug fixes

New features

5.57.0 (2020-08-20)

Bug fixes

New features

Change Log

5.0.5 (2020-10-25)

Bug Fixes

5.0.4 (2020-10-16)

Bug Fixes

5.0.3 (2020-10-16)

Bug Fixes

5.0.2 (2020-10-01)

Bug Fixes

5.0.1 (2020-09-05)

Bug Fixes

5.0.0 (2020-09-05)

⚠ BREAKING CHANGES

Features

Releases(v0.11.5)

v0.11.5(Apr 16, 2021)

v0.11.4(Nov 2, 2020)

v0.11.3(Nov 2, 2020)

v0.11.2(Nov 2, 2020)

v0.11.1(Jul 8, 2019)

v0.11.0(Dec 20, 2018)

v0.10.13(Nov 11, 2018)

v0.10.12(Nov 7, 2018)

v0.10.11(Nov 6, 2018)

v0.10.9(Nov 4, 2018)

v0.10.8(Sep 17, 2018)

v0.10.7(Sep 12, 2018)

v0.10.6(Sep 6, 2018)

v0.10.5(Aug 12, 2018)

v0.10.4(Aug 12, 2018)

v0.10.2(Mar 10, 2018)

v0.10.1(Mar 10, 2018)

v0.9.24(Nov 13, 2017)

v0.9.23(Oct 11, 2017)

v0.9.22(Oct 5, 2017)

v0.9.21(Aug 20, 2017)