Mostly Front-end developers who are listening word first time they confuse it with library. Actually it’s completely different. Reactive React Today I am going to explain about and how to do it in . Reactive Programming JavaScript This article doesn’t go deep, it will help you to imagine the basic concepts of and will help to find more good topics related to this article. Reactive Programming Before going to understand , I would like to tell you about . Reactive Programming Imperative Programming What is Imperative Programming? is a programming paradigm that uses statements that change a program’s state. Imperative Programming Example of Imperative Programming <a href="https://medium.com/media/7376f8eacdd32b10f684c4b368bf65fd/href">https://medium.com/media/7376f8eacdd32b10f684c4b368bf65fd/href</a> It means that is assigned the result of t n+m <a href="https://medium.com/media/500c21c0601eb601fac07e6a3fe4dc1d/href">https://medium.com/media/500c21c0601eb601fac07e6a3fe4dc1d/href</a> Later the values of and/or , can be changed with no effect on the value of variable . n m t What is Reactive Programming? is a declarative programming concerned with data streams and the propagation of change. Reactive Programming paradigm If we try previous example using , the result will look like this Reactive paradigm This is not working example (easy to understand) <a href="https://medium.com/media/efb478c2490f3c09bd52803bfab82572/href">https://medium.com/media/efb478c2490f3c09bd52803bfab82572/href</a> Here is a working simple example using library with RxJS Node <a href="https://medium.com/media/83368afc1484c2c1f8c6649d2429da59/href">https://medium.com/media/83368afc1484c2c1f8c6649d2429da59/href</a> As you see, in , on the value of variable is automatically updated whenever the values of changes, without the program having to re-execute. Reactive Programming t n It’s common to use the suffix to qualify variables that mean as a $ streams. is programming with asynchronous data . Reactive Programming streams What is Stream? are a Streams sequence of values over time. It means a is simply a collection that arrives over time. Stream More about here Stream https://www.youtube.com/watch?v=UHI0AzD_WfY ReactiveX http://reactivex.io/ This is a rewrite of . Reactive-Extensions An for asynchronous programming with observable streams. API has many libraries for different programming languages. Rx RxJS https://github.com/ReactiveX/rxjs for async. Lodash It’s the most popular library for which helps to do . JavaScript Reactive Programming has many operators which helps to do things more faster, also has many operators which works with elements. RxJS Reactive DOM redux-observable https://redux-observable.js.org/ -based middleware for . RxJS 5 Redux helps to do asynchronous actions using library like or . redux-observable Redux redux-saga redux-thunk Summary Learning and starting to use it is not very easy for beginners, because to start understanding how it works and how you can use it, you will need to spend more time on investigation and learning more to start using it in your project. You don’t need use everywhere in your project, just you need to understand where and in which situation you can use it and resolve your issues more effective. RxJS RxJS Thanks for reading my first article, If you have any questions or anything to say feel free. Good sources : : Crash Course: RxJS 5 https://www.youtube.com/watch?v=COviCoUtwx4 redux-observable https://www.youtube.com/watch?v=AslncyG8whg https://www.youtube.com/watch?v=ei7FsoXKPl0 The websites from where I have used sources for this article reactivex.io , Wikipedia

Read My Stories

Too Long; Didn't Read

Join to Learn About Storytelling for Startups

HackerNoon Mobile

Reactive Programming

Too Long; Didn't Read

@nairi

RELATED STORIES