Skip to content

A small JS component framework built LIVE from scratch during the Frontend Framework Face Off.

Notifications You must be signed in to change notification settings

a-elnemr/vanilla-js-mvc

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

🍦 🍦 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



About

A small JS component framework built LIVE from scratch during the Frontend Framework Face Off.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.5%
  • HTML 16.5%