Obviously this is not how it's going to look, but I've made some really decent progress on a few things. They might seem small, but they're the foundation and groundwork of a working wardrobe!

1. Displaying the items that you're currently wearing and being able to drag & drop them to move them around.
2. Loading items from the site (right now it's loading "all items on Subeta" in that window) and putting them into your browsers internal memory. I didn't do it in this gif, but if I'd moved between page 1-6 it'd have been pretty much instant because it's all loaded in my browser.
3. The gender toggle. This is something completely broken in the current-beta-wardrobe. All items are pulled down and then to modify them we basically just sort of inject more HTML to change the f to m, or the other way around. Now, all of the items are loaded as separate components and can easily be edited. That means changing something like gender (which should change all of the items on your avatar) is incredibly easy, and paves the way for transforming items (items that are the same item in your wardrobe but have multiple versions) and other really cool things.
4. Already a ton of the really annoying bugs from the beta wardrobe are fixed here. Clicking on two items two fast doesn't do anything weird, clicking to add/remove an item 500 times doesn't completely destroy the page, etc. Everything works as intended.

The things that I'm working on now:

1. The item page obviously needs to have more than just one view of items. Getting all of the filters in and correctly working will be my next big task.
2. Base avatar editing. In the current beta wardrobe your base is loaded as one file (slib/avatar.php/1.png?base_only=true) which means making changes to things like eyes/noses/etc just sort of refresh that image. With all of the awesome component stuff I'm going to take the much requested feature of having all of those things be layerable (eyes / nose / mouth) as well as the base.

On the technical side, all of this work has resulted in a much easier to understand wardrobe on our end. Each file is separated (Avatar, ItemList, Items, Base) which means I'm able to keep everything contained and neat and tidy, and add new features pretty easily. It's already clear how much of a performance impact this will have, and I'm able to use ES6 (the next "version" of javascript) while staying backwards compatible.

I hope to have more updates over the next few days!

Everything on the page is entirely in a placeholder right now, layout is the final step in the process :)

The ordering of my clothes are due to testing, but not really for any reason on the new wardrobe :).

Yeah, absolutely. That's the beauty of working with a framework instead of doing it myself, it mostly handles all of that for me. I think that phones and chrome/firefox/newer version of IE have 1MB of internal RAM set aside for each website you have open (and it clears when you clear the tab) so that is a lot of basic item data, which is just name/gender/avatar image/item image)

And yeah the gender changing is SO FLUID it's really nice. I can't wait to get to where I can test eyes/mouths and see how quickly that changes :D

Right now? Here you go :)