2016 Frontend Development

Post on 16-Apr-2017

201 views 0 download

Transcript of 2016 Frontend Development

2016 FRONTEND DEVELOPMENT

The update.

ANGULAR HAS CREATED A NEW BREED OF FRONTEND DEVELOPERS

More responsible developers

Framework + Angular

=

RIGOR – GOOD PRACTICES

Patterns we all knew in backend but ignored when using Javascript were revived.

Factory Singleton Dependency Injection Observer

SO WHATS NEXT?

100+ PATTERN ORIENTED LIBRARIES PUT TOGETHER BY FACEBOOK https://github.com/facebook/react/wiki/Complementary-Tools

Routing

Model Management

Data Fetching

UI Components

Miscellaneous

Build Tools

Debugging

Editors (IDEs)Testing

MVC

MODELVIEW CONTROLLER

REACT

ANGULAR

ANGULAR + REACT MODELVIEW CONTROLLE

R

REACT ANGULAR ANGULAR

OR FLUX

DISPATCHER STORES VIEWS

REACT ANGULAR ANGULAR

ITS SIMPLE

LANGUAGES ..OR FLAVOURS? (ECMASCRIPT)

-------------------------------------------------------------------BROWSERS

-------------------------------------------------------FLAVOURS

ANGULAR 1

ANGULAR 2