Frameworkless Frontend Development
Ego Slide
francesco.strazzullo@ideato.it
@TheStrazz86
https://github.com/francesco-strazzullo
https://medium.com/@TheStrazz86
https://slides.com/francescostrazzullo
Why do we use frameworks?
Reinventing the square wheel
Photo by Dakota Corbin on Unsplash
By Falk2 (Own work) [CC BY-SA 4.0], via Wikimedia Commons
Every framework you’ve ever seen is really just an echo of this statement:
My language sucks!
Robert C. Martin (Uncle Bob)
I ❤️️ JavaScript
Ehi guys, if I would need to have data binding without using Angular/React or whatever, what do you suggest?
Demo
Talk is cheap, show me the code
Linus Torvalds
Scalability
Performances
Documentation
The code of a Framework that you're using is your responsibility
The right architecture should be defined by your features...
Let the need for a framework to emerge
Sometimes you need to build your own wheels
By Falk2 (Own work) [CC BY-SA 4.0], via Wikimedia Commons
Photo by paolo candelo on Unsplash
Choose the right Framework
Choose a good Framework in a right way
Decision Making
What kind of problem is to choose a framework?
Simplistic
There is only one answer
"Who is the president of the USA?"
Deterministic
There is only one answer but you need analysis or a formula to work it out
"What is the area of a circle with a radius of 5 cm?"
Random
Different answers are possible but the options can all be identified
"Which of the candidates will win the election?"
Indeterminate
Different answers are possible, but because of their range and complexity all of the options can’t be identified
"How will the Internet affect our retail sales over the next five years?"
A mix of Data and Judgement
What Data do we need?
How is more important than What
Non-functional Requirements
accessibility
accountability
accuracy
adaptability
administrability
affordability
agility
auditability
autonomy
availability
compatibility
composability
configurability
correctness
credibility
customizability
debugability
degradability
demonstrability
dependability
deployability
determinability
discoverability
distributability
durability
effectiveness
efficiency
extensibility
fault tolerance
fidelity
flexibility
inspectability
installability
integrity
interoperability
learnability
maintainability
manageability
mobility
modifiability
modularity
operability
orthogonality
performances
portability
precision
predictability
process capabilities
producibility
provability
recoverability
recoverability
relevance
reliability
repeatability
reproducibility
resilience
responsiveness
reusability
robustness
safety
scalability
seamlessness
securability
self-sustainability
serviceability
simplicity
stability
standards compliance
survivability
sustainability
tailorability
testability
timeliness
traceability
transparency
usability
wow effect
longevity
Framework Compass Chart
A tool to help visualize the most important NFR of your project
Your team and the stakeholders should decide the 5 most important NFR
Next you need to fill the Chart
Your tech team can now use this chart as a Compass while choosing a Framework
Frameworkless Code
+
Decision Making
Get Involved!
Thanks!
References