chenghaoc / Relayout

Experimental browser layout virtual DOM implementation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Relayout

Relayout is a layout engine implemented in JavaScript. You can use Relayout to implement Flexbox, Grid, or any custom DOM layout. The idea is inspired by layout part of React-future and the Talk by Ben Alpert.

This project is WIP, you can see the example in index.html file.

Future Application

  1. Custom layout components (Card layout, Flow layout, etc.)
  2. On screen rendering: Relayout can make library know which parts of DOM are currently displayed in the screen and need to be updated immediately when needed.
  3. Rendering optimization

License

MIT

About

Experimental browser layout virtual DOM implementation


Languages

Language:JavaScript 98.6%Language:HTML 1.4%