Light

wix-incubator / remote-dom Goto Github PK

View Code? Open in Web Editor NEW

84.0 281.0 19.0 580 KB

License: MIT License

JavaScript 100.00%

reactjs webworker perfomance

remote-dom's Introduction

remote-dom AKA Virtual Virtual DOM

Run React&ReactDOM / Vue.js inside a WebWorker or Node.js server and render to a remote DOM inside a browser elsewhere.

LocalDOM

A simple library that applies DOM manipulations it is fed via a channel on specific containers + sends events back

RemoteDOM

A minimal implementation of the write APIs DOM (createElement/createTextNode/addEventListeners etc...) which serializes the imperative commands invoked on it and sends it over a channel

Together they let you write to a DOM that isn't local to your execution context in a way that should be mostly transparent to you as long as you never read from the DOM For example this currently supports React rendering from WebWorkers, by simply providing a mounting point i.e., a RemoteDOM container.

remote-dom's People

Contributors

Stargazers

Watchers

Forkers

brakmic mkwtys idibidiart rkistner wiltonlazary ankeetmaini walkerburgin antonkhadanov asanid jinjianfeng quitten maxmorais ralfbarkow

remote-dom's Issues

License?

Hey, there's no license noted in the repo or in the files, would you mind clarifying how this code is licensed?

Creating remote container before a local one breaks flow

All following messages, relying on the containers to be synced, also fail.

Add support for window.Event, window.CustomEvent and EventTarget.dispatchEvent

Add window.innerWidth and window.innerHeight

Add support for reading device pixel ratio

window.devicePixelRatio,
window.screen.deviceXDPI,
window.screen.logicalXDPI

React 16

Does it work with React 16/Fiber?

Support server side rendering on the remote side

React throws TypeError from inputValueTracking

TypeError: Cannot read property 'get' of undefined
at Object.track (inputValueTracking.js:63)
at ReactDOMComponent.trackInputValue (ReactDOMComponent.js:253)
at CallbackQueue.notifyAll (CallbackQueue.js:76)
at ReactReconcileTransaction.close (ReactReconcileTransaction.js:80)
at ReactReconcileTransaction.closeAll (Transaction.js:209)
at ReactReconcileTransaction.perform (Transaction.js:156)
at batchedMountComponentIntoNode (ReactMount.js:126)
at ReactDefaultBatchingStrategyTransaction.perform (Transaction.js:143)
at Object.batchedUpdates (ReactDefaultBatchingStrategy.js:62)
at Object.batchedUpdates (ReactUpdates.js:97)

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.