Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Denis Radin, Liberty Global, Amsterdam — Connect, discover, be free

Denis Radin, Liberty Global, Amsterdam — Connect, discover, be free

Denis Radin, Liberty Global, Amsterdam — Connect, discover, be free

React Liberty - be free to switch between DOM / WebGL / Canvas or any other renderer in your React project.

React Amsterdam

April 21, 2016
Tweet

More Decks by React Amsterdam

Other Decks in Technology

Transcript

  1. View Slide

  2. Denis
    Radin
    @PixelsCommander

    View Slide

  3. View Slide

  4. View Slide

  5. REACT LIBERTY

    View Slide

  6. to choose between
    WebGL / DOM / Canvas
    or any other renderer

    View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. New generations every 2 years

    View Slide

  11. 500 000 lines of code

    View Slide

  12. What is next? Android?
    Easy moving from platform to platform.

    View Slide

  13. Renderer abstraction!

    View Slide

  14. View Slide

  15. View Slide

  16. Declarative means portable

    View Slide

  17. React-motion
    for
    declarative animations

    View Slide

  18. iPhone 1 by CPU, 256 RAM

    View Slide

  19. So no rerenderings on animation

    View Slide

  20. WebGL saves memory
    Because DOM node is complex model

    View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. WebGL is performant

    View Slide

  25. View Slide

  26. View Slide

  27. Let`s release bunnies

    View Slide

  28. Demo time?

    View Slide