Slide 1

Slide 1 text

Reactive application in Rails

Slide 2

Slide 2 text

What is reactive programming? 2 Reactive programming is a declarative programming paradigm concerned with data streams and the propagation of change [wikipedia] declarative programming is a programming paradigm that expresses the logic of a computation without describing its control flow

Slide 3

Slide 3 text

What is reactive programming? 3 Reactive programming is a declarative programming paradigm concerned with data streams and the propagation of change [wikipedia]

Slide 4

Slide 4 text

Let’s create SPA in Rails, only with Ruby without writing a single line of javascript code. Reactive application in Rails

Slide 5

Slide 5 text

Demo of application

Slide 6

Slide 6 text

The setup

Slide 7

Slide 7 text

Book imports feature

Slide 8

Slide 8 text

Books import feature (Cont.)

Slide 9

Slide 9 text

Books import feature (Cont.)

Slide 10

Slide 10 text

Books import feature (Cont.)

Slide 11

Slide 11 text

Books import feature (Cont.)

Slide 12

Slide 12 text

Update book status feature

Slide 13

Slide 13 text

Update book status feature (Cont.)

Slide 14

Slide 14 text

Update book status feature (Cont.)

Slide 15

Slide 15 text

Update book status feature (Cont.)

Slide 16

Slide 16 text

- Faster development (simpler) rather than creating SPA with react, vue.js, etc. - Less switching context because more ruby and less javascripts. - The app has nice latency metrics. - More smaller size (in todo app) only 54kb, while in react 268kb, and in vue.js is 78kb. Conclusion

Slide 17

Slide 17 text

References: - https://docs.stimulusreflex.com/ - https://cableready.stimulusreflex.com/ - https://expo.stimulusreflex.com/ - https://www.betterstimulus.com/ Thank you