Show HN: GoldenLayout – build multi-screen webapps (opens in new tab)

This is the 6th appearance of this lib on HN. That said, it is still one of the most clever things I've seen in terms of front end libs. I stumbled upon it independently about 1.5 years ago, right before the author switched from some restrictive licenses to MIT. Still waiting to see someone implement something amazing with it though. We had mockups for something cool at my last job, but senior management decided to do everything in ServiceNow instead...

In a game development shop a lot of people would use multiple monitors (usually 2 or 3). Their level/model/etc. editor would normally do proper window docking, where it would restore the previous state of windows properly (or at best it could). To me it's one of the things where desktop still shines (apart from other things). But if this is possible with the browser, then it might change the mindset.

I haven't tried it yet, as I'm typing from my "single"-yet screen laptop, but would try it out later again.

I hope it preserve/restore the layout as it was, but other than that it looks really sleek!

Visual Studio kind of established how docks should work, and other Ui systems still need to catch up (Qt I'm talking about you :)).

For those who have checked this before: The license has changed from GPL to MIT.

I should go through each and every 1000+ star project on Github, sometime. Stuff like this is really great.

I like the concept. One thing that stands out for me though is its dependency with jQuery. Not sure if it is a deal breaker, but if one could ship quality and nicely looking apps with it, then the same won't really matter.

troika: I'm having a hard time getting GL to work with React and Redux. There's a Github repo showing it working together, but it's achieved by wrapping the component, and I haven't resolved all of the issues. Namely, that this repo seems to work when referencing React js files from a CDN, but for some reason, fails when building them in the app. Also, refs in components seem to be a problem when wrapped in this way. Wondering if there's a better way to handle these.

https://github.com/andrewcapodieci/golden-layout-react-redux

Looks very promising, but I'm wondering if you've tried this combination successfully. I also haven't figured out yet whether redux and pop-out windows will work properly.

I used it for a bit there were some bugs and such so I ended up writing a "lite" version, that is admittedly crappy but did just what I needed https://github.com/joshribakoff/dockable

Frequently pops up as a comparison to my lighter library, Split.js[0]. If you're just looking for draggable split views.

[0] http://github.com/nathancahill/Split.js/

After making 5 clicks something broke and one div renders at the bottom of the page :(

Just a low-effort initial observation: "Works in IE8+, FF, Chrome" but the demo depicts an iMac display :-)

EDIT: Seems to work fine in Safari too!

I made a panel "full", but cannot make it go back to its original size, I can only close it or break it out.

This seems like software that would take over the computer, such as a customer service app, a monitoring app, etc. In other words, it might be the only thing your running on the computer (in the foreground). I rarely use a desktop app that makes use (effective or otherwise) of multiple monitors.

I think the last time I saw this it was a spinoff off a market trading application that was (at the time and even now) one of the most impressive web applications I'd seen.

I can't remember the damn name though.

Great library, seen it pop up here a few times. Slightly off topic, on the website it says:

> "free as in beer, speech & love"

...In what world is beer free? ;) haha

Noticed a small niggle. The X on the focused tab will not highlight on mouseover, this unlike when mousing over the X of an unfocused tab.

"powerful persistence" and a picture of two floppy disks.

I'm in my early 30's and I haven't ever personally owned a computer that included a floppy drive. I did buy a USB one with my late 90's iMac, for compatibility with the school but I think you get my point.

Columns are vertical, rows are horizontal.

It renders totally non-usable on mobile S: