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 +