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

source

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