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

React on Rails workshop at Conferencia.ROR

Avatar for Prathamesh Sonpatki Prathamesh Sonpatki
October 13, 2016
0
140

React on Rails workshop at Conferencia.ROR

Avatar for Prathamesh Sonpatki

Prathamesh Sonpatki

October 13, 2016
Tweet

More Decks by Prathamesh Sonpatki

See All by Prathamesh Sonpatki
Secrets to Monitor Kubernetes Workloads
Avatar for Prathamesh Sonpatki prathamesh
1
88
The Complete Handbook to OpenTelemetry Metrics
Avatar for Prathamesh Sonpatki prathamesh
1
64
Breaking down the Pillars of Observability: From data to outcomes
Avatar for Prathamesh Sonpatki prathamesh
0
55
Monitoring vs. Debugging
Avatar for Prathamesh Sonpatki prathamesh
0
130
Handling High Cardinality in Observability
Avatar for Prathamesh Sonpatki prathamesh
1
85
Setting up Monitoring for Kubernetes
Avatar for Prathamesh Sonpatki prathamesh
0
290
Monitoring vs. Debugging - SRE BLR Meetup
Avatar for Prathamesh Sonpatki prathamesh
0
81
Monitoring vs. Debugging - IG Meetup 22nd July
Avatar for Prathamesh Sonpatki prathamesh
2
99
Pune_User_Group.pdf
Avatar for Prathamesh Sonpatki prathamesh
0
96

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k

Transcript

  1. React on Rails workshop Prathamesh Sonpatki @_cha1tanya

  2. None

  3. Agenda

  4. Why React?

  5. Build UI

  6. V in MVC

  7. Declarative

  8. if encodingCompleted removeLoader(); updateHeaderText(‘Encoding completed.’) else showLoader();

  9. if encodingCompleted removeLoader(); updateHeaderText(‘Encoding completed.’) else showLoader(); if encodingCompleted <header>Encoding

    Completed</header> else <div>Loading…</div>

  10. Unconventional ideas

  11. Components

  12. None

  13. <TweetCounts tweets=“3062” following=“509”/> <Tweets tweets={[..]}/> <Trends location=“pune" list={[..]} />

  14. Reusable

  15. None

  16. Composable

  17. None

  18. Separation of concerns

  19. No templates

  20. React === JavaScript #=> true

  21. Managing Data

  22. Data changing over time is root of evil Pete Hunt

  23. Props

  24. One way data flow

  25. State

  26. Responding to state changes

  27. Refresh

  28. Re-Rendering the component

  29. Re-Rendering the component tree

  30. Re-Rendering

  31. Isn’t it too slow?

  32. Virtual DOM

  33. Diff

  34. Minimal set of changes

  35. Nothing is new!

  36. Let’s begin!

  37. React❤Rails

  38. react-rails + CDN packages

  39. react_on_rails https://github.com/shakacode/ react_on_rails

  40. sprockets_comm oner https://github.com/Shopify/sprockets- commoner

  41. Thanks! @_cha1tanya @BigBinary http://blog.bigbinary.com http://videos.bigbinary.com https://github.com/prathamesh-sonpatki/react-rails-examples