A tiny touch of front end for faster and modern web apps
Who am I ?
{
experience : {
amount : "6+ years",
field : "web and mobile development"
},
technologyFields : ["ASP.net MVC 4/5" , "AEM CQ",
"Javascript /Node.js","Angular", "Ionic", "React",
"Vue", "Preact"],
currentPosition : "Senior front end devleoper @ One Inside",
additionalDetails : [
"mentor @ NASA Space APPS",
"speaker",
"programming courses tutor"
]
}
Agenda
- Front end frameworks perspective
- Preact
- Demo
DISCLAIMER
Front end framework perspective
Popularity
Size
Usage
PROS
-
lightweight (3kb)
- preact-compact (4.8)
- Performance
- Portability
- VDOM reusability
- Clean
CONS
- Smaller community than React.
- No support for context.
- No support for React propTypes.
Performance
- size
- Fastest VDOM library
- Predictable diff implementation
- Update batching
- DOM recycle
- Optimized event handling
preact-cli
- no configuration
- 4.5kb with polyfils
- SASS or LESS
- PWA in 30sec
- templating
- code-splitting
- generic build/deploy
Portability
- preact-habitat
- 900b
- Widgets system
- Multiple rendering
- Lazy load components
DEMO
