Rough draft for dynamic regions and views loading into layout (Backbone.js, Marionette.js, RequireJS)

form_builder_controller.js

var _this = this,
	pendingViewPaths = [];

options = options || {};

this.layout = this.getFormLayout(options);
this.elements = options.collection;

this.show(this.layout);

this.elements.each(function (element) {
	var elementName = element.get('id'),
		regionName    = elementName+'Region',
		regionElName  = elementName+'-region';

	pendingViewPaths.push('components/form/element/'+element.get('formatter'));
	_this.layout.addRegion(regionName, '#'+regionElName);
	_this.layout.$el.append('<div id="'+regionElName+'"></div>');
});

require(pendingViewPaths, function() {
	_.each(pendingViewPaths, function (path, index) {
		var view = require(path),
			element    = _this.elements.at(index),
			regionName = element.get('id')+'Region';

		_this.layout[regionName].show(new view({ model: element }));
	});
});