👋 Reaching out!

[aidenybai]

Hey! Author of Million.js here. If you have any questions please let me know :)

[DaniAkash]

Hi @aidenybai thanks for reaching out, this repository was created as an example project for my bangalore react meetup talk - "Beyond Virtual DOM: Speeding up large React app"

I used million.js to show a demo of the example that I took & slightly modified from your docs. Sometimes the demo shows million js performing very fast but sometimes, million.js performs almost as same as normal virtual dom (happened in the demo as well). Kinda struggling to show the performance difference consistently.

Would appreciate your help if you can let me know if I can improve it further.

• Normal virtual dom implementation
  • Code: https://github.com/DaniAkash/beyond-virtual-dom/blob/main/src/PageComponents/vdom.tsx
  • Live Page: https://daniakash.com/beyond-virtual-dom/virtual-dom/
• Million.js implementation
  • Code: https://github.com/DaniAkash/beyond-virtual-dom/blob/main/src/PageComponents/blockdom.tsx
  • Live Page: https://daniakash.com/beyond-virtual-dom/million/

[aidenybai]

Hey! First off: thanks for sharing a demo of Million.js, much appreciated. I just watched through some of your talk and it was very interesting.

The original stackblitz demo used an older, unoptimized implementation of Million.js block. You can view the change here:

https://stackblitz.com/edit/react-1km67h?file=src%2Findex.js

The main difference here is it uses a <For /> component to optimize list rendering. You can try again and see if the perf is still good/bad.