🍦 🍦 Vanilla JS 🍦 🍦

with CJ R.

---

M.V.C.

---

We will need:

• App
• Component
  • model
  • view
  • controller
• Router
• API

---

---

CODE

---

As a lonely dog, I want to see a list of all of the dogs that are available so that I can see my dating options.

---

---

---

As a lonely dog, I want to be able to link to a specific dog so that I can share my favorite dogs with my friends.

---

---

---

---

---

We made:

• App
• Component
  • model
  • view
  • controller
• Router
• API

---

App

• addComponent
• showComponent
• updateView

---

Component

• name
• model
• view
• controller

---

Router

• addRoute
• onHashChange

---

API

• getDogs
• getDog

---

Conclusion

---

Should you do this in production?

---

---

Frameworks Exist For A Reason

---

Should you do this for fun?

---

---

Answer the question:

If you were to implement a library/framework/API feature from scratch, how would you do it?

---

Links/Plugs

• This code is here: https://git.io/vanilla-js
• c.js - A simple MVC framework that no-one should use
• August 10th - Develop Denver: An OverVue of Vue.js
• Organizer of the Vue.js Meetup
  • Looking for full talk/lightning talk speakers for August 28th and September 25th

---

---