React has a great declarative API and is quite fast for render and updates. But the performance can be improved further with a new rendering pattern inspired by lit-html and hyper-html. This talk will introduce a new JavaScript Library Brahmos which has a faster rendering pattern than VDOM but implement that with same well adopted React’s declarative API.

The talk will cover the idea behind the Brahmos, what Brahmos is trying to achieve, compare it with different libraries and compare the rendering pattern of Brahmos with React’s VDOM to explain how it can be a faster alternative to VDOM.
I will also present the current progress and future path for the Brahmos.

Outline

  • The Idea. Why Brahmos?

  • How did it start?

  • Improvement on React library itself?

  • Use lit-html as templating engine?

  • What it is trying to achieve?

  • How does it work?

  • How react rendering works?

  • How Brahmos optimizes it?

  • How does rendering work on Brahmos?

Working Example

  • Todo MVC built with Brahmos (Demo)
  • Writing Components in Brahmos

Current state

  • Available React API
  • Pending features

Future path

  • How progressively Brahmos will be developed.
  • Maintaining the developer experience.
  • 3rd Party React component support.

Slides to this talk can be found here: https://docs.google.com/presentation/d/1a1Oi5dVP884gGOKtTiFJiz70KIEUmHvAvL8Xta8tVKc/edit#slide=id.g63b8580613_4_60

#react-js #react #javascript #web-development

Brahmos.js: React Implementation without VDOM
1 Likes15.85 GEEK