From 43ecfb123dafeee3858d82a84f751d665241baaf Mon Sep 17 00:00:00 2001 From: Thomas Hull Date: Thu, 6 Sep 2018 17:10:55 +0100 Subject: [PATCH] Fix link in getting-start-with-react tutorial Fix event hub link -currently 404, should go up one level --- pages/tutorials/getting-started-react.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pages/tutorials/getting-started-react.md b/pages/tutorials/getting-started-react.md index 950b09e..bd786fd 100644 --- a/pages/tutorials/getting-started-react.md +++ b/pages/tutorials/getting-started-react.md @@ -87,11 +87,11 @@ Now that we've got the basics covered, let's look at some more advanced features this.props.glContainer.parent.popout(); -Communicating between components is always tricky, but with GoldenLayout it can be even harder if your components are distributed across multiple windows and screens. This is why GoldenLayout comes with an [EventHub](docs/EventEmitter.html) - an EventEmitter that's global to all windows and can be used for inter-component communication, even across windows. The eventHub is exposed through a property called `glEventHub`. To raise an event across all windows, you'd call: +Communicating between components is always tricky, but with GoldenLayout it can be even harder if your components are distributed across multiple windows and screens. This is why GoldenLayout comes with an [EventHub](../docs/EventEmitter.html) - an EventEmitter that's global to all windows and can be used for inter-component communication, even across windows. The eventHub is exposed through a property called `glEventHub`. To raise an event across all windows, you'd call: this.props.glEventHub.emit( 'something-happend', {some: 'data' }); Here's a ReactJS example making use of these features (give it a go, pop one or both components out and see how they're still able to interact):

See the Pen Complex usage with React by Wolfram Hempel (@wolframhempel) on CodePen.

- \ No newline at end of file +