Javascript Design Patterns #7 - Mediator Pattern

What is the Mediator pattern?
The Mediator pattern provides central authority over a group of objects by controlling how these objects interact with each other. The "central" object is known as the 'mediator'. The mediator pattern is useful in scenarios where every object needs to be aware of any state change in any other object in the group.
📚Materials/References:
GitHub Code: github.com/pkellz/devsage/blo...
"Design Patterns Explained Simply" Ebook: payhip.com/b/MLtJ
🌎 Find Me Here:
Twitter: / realdevsage
Ebooks: payhip.com/devsage
Discord: / discord
Merch: cottonbureau.com/people/devsage

[@DevSage]

🤖 GitHub: github.com/pkellz/devsage/blob/master/DesignPatterns/Mediator.js
📕"Design Patterns Explained Simply" Ebook: payhip.com/b/MLtJ
💙 Twitter: twitter.com/realDevSage
📙 Ebooks: payhip.com/devsage
💥 Discord: discord.gg/BP8wPv6raA

[@johnyepthomi892]

Bro you’re underrated. Keep this format and bring more design pattern videos. It’s a great way to start out learning design patterns. You know how to separate the jargon from the actual concepts. Highly appreciate your efforts.

[@DevSage]

Thanks man

[@rozacek]

Great explanations. Thanks to you I used strategy pattern in my work and code became cleaner and better to read much more.

[@abdelrhmanshokr7546]

this is the cleanest way I've ever seen anyone explaining design patterns before amazing :)

[@DevSage]

Glad you think so!

[@fithurriague]

Thank you for the video, I'm doing a js couse,whenever I don't understand something I come here,you make it more clear.

[@rudijstar]

Good stuff - yes please more design pattern videos. Thanks!

[@GSySte]

Wow, it was an interesting explanation, imho the example with chatroom is convenient and maybe tend to be the best one :) Thx so much!

[@Dhhddsisi]

Your demostration is so much better than my paid course on Udemy on this topic! Thank you so much!

[@DevSage]

😁😁

[@clingyking2774]

I think this is the way I naturally think when writing code.

[@diegodelatorre2868]

Great videos. Very concise and focused. Definitely subscribing!

[@be2wa]

Stumbled upon your pattern videos now. Great explanation with the examples. Nice

[@DevSage]

Glad you like them!

[@SocketsGuru]

What a great explanation and example. Greetings from México 🇲🇽🇲🇽🇲🇽 !!

[@DevSage]

Thanks Marco!

[@codedealers7501]

I was about to ask if you doing more but I realised you dropped this yesterday 😅🔥👍🏾

[@mohamedeltaquee5236]

Man you nailed it
Thank you

[@DevSage]

You're welcome

[@robertp3596]

Great stuff, just bought your book. Great info here.

[@DevSage]

Appreciate it. My plan is to push it out in the next few days

[@PhilanJames]

I enjoyed this tutorial. I see myself making a vueJS app using this pattern and concept.

[@DevSage]

Appreciate you man

[@audioplatform6299]

Appreciate your help!

[@DevSage]

No problem!

[@perschonca]

i before E except after C! Music to my ears lmao

[@andreasdevjs298]

Thanks for the video! Its time to.. Pub/Sub pattern!!

[@Cognitoman]

I like the PubSub a little more, its less coupled and easier to think about. Although this pattern is great for an actual chat system

[@jeanmarcpourchel307]

Very good explanation as always !
Are you going to explain all design patterns from the GOF ?
If so, it'll be great if you could make a video about the fly weight patern in javascript.
Thanks again for all your videos. Short and well explained....perfect ! !

[@DevSage]

I probably won't do all of them because some patterns just aren't very suited for javascript, but I'll definitely consider the flyweight pattern for one of my future videos!

[@nafisnawalnahiyan5032]

Thank you! You are a great teacher !

[@nenozidic1549]

Hey DevSage!
I've got a question. What is the main difference between The Observer Pattern and The Mediator Pattern? When to use which? I've read in Addy Osmani's book, called ,,Javascript Design Patterns", they are very similar methods but I didn't get the point right when to use first or second pattern.
Thank you!

[@robertp3596]

Question, why do you choose to use functions and add prototypes instead of creating classes? (I do a lot of python and am learning about node design patterns)

[@DevSage]

I suppose they could have been done either way. Ultimately, it's because the examples I used to learn these patterns for myself were written with functions and prototypes.

[@manibharathipattilingam3582]

Thank you for the wonderful video. It helps a lot:-)
Can we make Chatroom members object to Array type

[@DevSage]

Yes I suppose you could. That might complicate things a little though

[@aldwincinco1792]

Chatroom is not doing some routing, aren't you supposed to use the chatroom members property to find the toMember?

[@theotherme9965]

Is this the design patterns for service registry for microservices ?

[@DevSage]

I don't know

[@mohamedeltaquee5236]

Please explain stat pattern on web pages changing
Thank you

[@giampieropagliara1896]

Hi to me in console.log from this result:
$ {fromMember.name} to $ {this.name}: $ {message}
it doesn't give me dialogues, as output, where I'm wrong.
thanks

[@DevSage]

Not sure. Compare your code to the code in the Github

[@manibharathipattilingam3582]

I think you have missed to wrap with backtick ‘’

[@Tony.Nguyen137]

Pls more pattern

[@anthonybendeler947]

Really not a fan of your code formatting style but love your explanation of patterns :)