Merge pull request #891 from liferay/bryceosterhaus-patch-2

chore(guidelines): add full example for event bus

Author: bryceosterhaus

guidelines/dxp/liferay_global_event_bus.md

@@ -127,6 +127,27 @@ Liferay.fire('someEvent', {
 });
 ```
 
+## Full Example
+Let's say you have two modules on the same page, A & B. In module A, you have the following code in your Javascript.
+
+```jsx
+// Module A
+Liferay.on('my-custom-event', (data) => {
+    alert(data);
+});
+```
+
+And then, in module B, we render a button with the code below
+
+```jsx
+// JSX in Module B 
+<button onClick={() => Liferay.fire('my-custom-event', 'Hello!')}>
+	Say Hello!
+</button>
+```
+
+By clicking the button in Module B, the event will trigger in Module A and execute `alert('Hello!')`
+
 ## Best Practices
 
 The best practice number #1 is using Liferay's namespace utilities (`Liferay.Util.ns`) when possible. Like `Liferay.Util.ns(myWidgetNamespace, 'nameOfMyCustomEvent')`. For scoping the global name of the event. It will prevent you from listening to generic events which can be fired in different widgets for which you may not be responsible.