[{"data":1,"prerenderedAt":67},["ShallowReactive",2],{"term-o\u002Fobserver-pattern":3,"related-o\u002Fobserver-pattern":57},{"id":4,"title":5,"acronym":6,"body":7,"category":39,"description":40,"difficulty":41,"extension":42,"letter":43,"meta":44,"navigation":45,"path":46,"related":47,"seo":51,"sitemap":52,"stem":55,"subcategory":6,"__hash__":56},"terms\u002Fterms\u002Fo\u002Fobserver-pattern.md","Observer Pattern",null,{"type":8,"value":9,"toc":32},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Think of a newsletter. You (the publisher\u002Fsubject) publish content. Your subscribers (observers) automatically get notified when new content arrives. They subscribed once and get updates forever without you knowing their details. This is how DOM events work in JavaScript — addEventListener is you subscribing to the browser's event subject.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"undefined",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,25],{},{"title":33,"searchDepth":34,"depth":34,"links":35},"",2,[36,37,38],{"id":13,"depth":34,"text":14},{"id":21,"depth":34,"text":22},{"id":28,"depth":34,"text":29},"architecture","Think of a newsletter. You (the publisher\u002Fsubject) publish content. Your subscribers (observers) automatically get notified when new content arrives.","intermediate","md","o",{},true,"\u002Fterms\u002Fo\u002Fobserver-pattern",[48,49,50],"Strategy Pattern","Event-Driven Architecture","Decorator Pattern",{"title":5,"description":40},{"changefreq":53,"priority":54},"weekly",0.7,"terms\u002Fo\u002Fobserver-pattern","qkP0mRyCQuJqI4ivQ93C1kkivAXgHQ0foOfr9Slo5OI",[58,61,64],{"title":50,"path":59,"acronym":6,"category":39,"difficulty":41,"description":60},"\u002Fterms\u002Fd\u002Fdecorator-pattern","You have a Coffee object. You want Coffee with Milk. Coffee with Sugar. Coffee with Milk and Sugar. With inheritance you'd need four classes.",{"title":49,"path":62,"acronym":6,"category":39,"difficulty":41,"description":63},"\u002Fterms\u002Fe\u002Fevent-driven-architecture","Event-Driven Architecture is like a gossip network. When something happens (order placed!), it broadcasts the news.",{"title":48,"path":65,"acronym":6,"category":39,"difficulty":41,"description":66},"\u002Fterms\u002Fs\u002Fstrategy-pattern","You're writing a sorter and want to sort by price, name, or date depending on user choice.",1776518298961]