Please enable JavaScript.
Coggle requires JavaScript to display documents.
front-end frameworks - Coggle Diagram
front-end frameworks
MVC Frameworks
model, view, controller
user → presentation layer → business layer → data access layer → DB
3 tier architecture
separation of concerns
single responsibility principle
monolithic melee
angular
backbone
ember
issues
controllers get bloated with code
data binding
no standard
Components
React
declaritive
discourages mutation
renders DOM
code becomes more predictable
redux
flux pattern
elm architecture
action → reducer → store → view
Vue
Polymer
server side vs client side
server
logic existed in the backend
very expensive
** all rendering happens in browser
e.g. form validation
client
logic existed on client
no reloading
responsive
e.g. XMLHttpRequest();
AJAX - misleading (could be text or .json as well as XML :
the framework era
what is a framework
a library: organization of applications
standardization
cross platform compatibility
reusable code
communities and tutorials
jQuery
simplifies common tasks
styles, animations, DOM manipulation, animation