Initial Commit ES6 barebone

3 files changed, 67 insertions, 0 deletions

diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..f29efc1
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,13 @@
+import Backbone from 'backbone';
+import TestView from './view';
+import _ from 'underscore';
+
+Backbone.history.start();
+
+class Index {
+    constructor() {
+        new TestView();
+    }
+}
+
+new Index();
diff --git a/src/myview.js b/src/myview.js
new file mode 100644
index 0000000..026f563
--- /dev/null
+++ b/src/myview.js
@@ -0,0 +1,26 @@
+import Backbone from 'backbone';
+import * as _ from 'underscore';
+import $ from 'jquery';
+import Mustache from 'mustache';
+
+
+export default class MyView extends Backbone.View {
+    constructor() {
+        super();
+    }
+
+    initialize() {
+        this.el = '#myarea';
+        this.$el = $(this.el);
+        this.template = 'Hello';
+        this.render();
+    }
+
+    render() {
+        console.log(this.el)
+        this.$el.html(Mustache.render(this.template));
+    }
+
+
+
+}
diff --git a/src/view.js b/src/view.js
new file mode 100644
index 0000000..399ac03
--- /dev/null
+++ b/src/view.js
@@ -0,0 +1,28 @@
+import Backbone from 'backbone';
+import * as _ from 'underscore';
+import $ from 'jquery';
+import Mustache from 'mustache';
+import MyView from './myview';
+
+
+export default class TestView extends Backbone.View {
+    constructor() {
+        super();
+    }
+
+    initialize() {
+        this.el = 'li';
+        this.$el = $(this.el);
+        this.template = '<div id="myarea"></div>'
+        this.render();
+    }
+
+    render() {
+        console.log(this.el)
+        this.$el.html(Mustache.render(this.template));
+        new MyView();
+    }
+
+
+
+}