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

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

React Amsterdam
April 21, 2016
Technology
0
280

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

See All by React Amsterdam
Tadeu Zagallo, Facebook, London — React Native Architecture Overview
reactamsterdam
2
2k
Martijn Walraven, Meteor, Amsterdam — Building Reactive GraphQL Apps With Apollo
reactamsterdam
2
420
Sven Anders Robbestad, Inmeta Consulting AS, Oslo — Mastering Server-rendered Apps
reactamsterdam
2
510
Jack Franklin, Pusher, London — Testing React Applications
reactamsterdam
1
510
Johannes Stein, Freelance, Berlin — React For Game Development
reactamsterdam
0
850
Oleg Slobodskoi, Chatgrape, Berlin — Javascript Style Sheets
reactamsterdam
1
400
Paul van Dam, Coolblue, Rotterdam — Introducing and Implementing React at Coolblue
reactamsterdam
0
480
Henrique Alves, DADI+, London — Building Loveable UIs
reactamsterdam
0
280
Michel Weststrate, Mendix, Rotterdam — State Management is Easy
reactamsterdam
0
830

Other Decks in Technology

See All in Technology
テスト文化の成熟：自動テストが浸透した組織が次に目指すべきステップ
igsr5
4
640
Beyond the Baseline: Horizons for Cloud Security Programs
ramimac
0
140
サーバーレスで仮想待合室を作ろう！ / Serverless Virtual Waiting Room
_kensh
3
500
レイヤードアーキテクチャにおける 例外との向き合い方
yukihiromori
0
1.3k
LLM 時代におさえておきたい Azure Serverless ファミリーまとめ / serverlessdaystokyo2023-llm-aoai
miyake
4
240
JPOUG#7 Oracle Database 23c New Features
nori_shinoda
1
790
DroidKaigi 2023 Unleashing the Power of Android Studio
mhidaka
2
1.4k
War for talent 時代の、古くて新しい仲間集めの形_～weak ties と strong tiesの力～
sadonosake
0
260
kanto_kaggler_senkin13
senkin13
0
440
[PHPカンファレンス沖縄2023]【実践編】良いプロダクト作りのための組織育成 健全なコードは健全な組織、健全なチームから
ikezoemakoto
1
180
土壌と植物で奏でるアート~農業における新たなパラダイム~
shinrinakamura
0
110
できる！アクセシビリティ向上/droidkaigi2023-day2
nikkei_engineer_recruiting
0
920

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
33
8.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
318
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
352
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
500
130k
The Cult of Friendly URLs
andyhume
71
5.3k
Learning to Love Humans: Emotional Interface Design
aarron
265
38k
RailsConf 2023
tenderlove
0
230
A Philosophy of Restraint
colly
195
15k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
50k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
3.9k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.8k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
177
9.8k

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