Thinking Reactive in JavaScript
You have heard of React, right? Well, it’s not reactive at all.
In this video, Ivan will show you how to think in a Reactive way, how to properly use streams, and improve your apps. He covers some great alternatives to React for writing front-end apps. There is something really cool about functional programming, pure functions, and pure data streams that you should know.
Ivan Jovanovic is a Senior JavaScript Engineer, Tech Speaker, and Remote Work Advocate. He has been working remotely for over 10 years with various tech companies and talked about best practices in JavaScript at multiple international conferences. Apart from JavaScript, he has a great interest in GraphQL, Microservice architecture, and Reactive Programming.
This video is part of Adeva`s Insights Series. We publish videos that cover engineering topics once per month.
Don't forget to comment, like, and subscribe :)
👉 https://bit.ly/AdevaSubscribe
0:00 Introduction
1:21 Why I created this talk?
4:05 What Is Reactive Programming?
4:36 What is Data Stream?
4:57 Data Stream Example
5:19 Reactive Programming in JavaScript
5:51 Example on how to use simple functions to work with Data Stream
7:19 Why do I need this reactive thing?
9:33 Observable meaning
9:52 Observer meaning
10:20 Reactive programming in JS
11:55 React Cons
14:04 Cycle.js Introduction
14:48 Cycle.js Pros
15:55 Cycle.js Features
17:07 How does Cycle.js work?
19:12 Cycle.js official packages
20:57 Model-View-Intent paradigm
21:58 Simple counter app example
23:22 Intent
24:21 Model
25:07 View
26:46 View + CSS
27:31 Handling HTTP requests example
30:19 Working with components example
31:57 Cycle.js Cons
33:25 Conclusion
34:10 Learning Cycle.js - tips & useful links
35:50 Q&A Session