react-golden-layout
A React wrapper around GoldenLayout.
Example
;;;...<GoldenLayout> <Row> <Stack> // To apply properties to a React component, use createGoldenLayoutComponent </Stack> <Stack> // If you don't want any special settings you can just pass // React components directly. Bar </Stack> </Row></GoldenLayout>
Usage with webpack
GoldenLayout requires some libraries to be available globally, so if you're using webpack you'll have to use ProvidePlugin:
React: 'react' ReactDOM: 'react-dom' $: 'jquery' jQuery: 'jquery'
API
See the documentation site.
Acknowledgments
Based on andrewcapodieci's example.