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

https://github.com/e-xtrategy/frontend-frameworkless-development

Scalability

Performances

Documentation

Lightweight Architecture Decision Records

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

http://frameworklessmovement.org/

Get Involved!

Thanks!

References

Frameworkless Frontend Development - IJS Munich 2018

By Francesco Strazzullo

Made with Slides.com

Frameworkless Frontend Development - IJS Munich 2018

  • 2,190

More from Francesco Strazzullo