Picking JavaScript Framework in 2017 - GeekCamp
-
Upload
riza-fahmi -
Category
Technology
-
view
786 -
download
1
Transcript of Picking JavaScript Framework in 2017 - GeekCamp
![Page 1: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/1.jpg)
JS FRAMEWORK IN 2017Picking A
rizafahmi.com
148224616@N08
![Page 2: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/2.jpg)
DISCLAIMER: LET’S AGREE TO DISAGREE
Not framework battle My Personal Experience
lorenakumm simicdario
![Page 3: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/3.jpg)
JAVASCRIPT IS GREAT JAVASCRIPT IS A MESS
![Page 4: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/4.jpg)
BACKEND
148224616@N08
![Page 5: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/5.jpg)
Success story of NodeJS project
De facto NodeJS web framework
Large community
Approachable framework for newcomers
Backed by the big brother Strongloop/IBM
Batteries not included
Doesn’t provide infra to scale
May become bloated and difficult to maintain
A lot of different ways to do things
![Page 6: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/6.jpg)
Just enough battery to get started
Answers to Express lack of extensibility and maintainability issue
Better code organization
Battle tested on black friday traffic
Originally created by Walmart Labs
Smaller community
Less popular
Too much boilerplate for simple web app
Docs is still off
![Page 7: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/7.jpg)
Full and opinionated framework
Consistent structure through generator and scaffolding
Batteries included.
Opinionated and rigid
Less popular
Relatively young
Weak documentation
Real-time feature included
![Page 8: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/8.jpg)
OTHERS
![Page 9: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/9.jpg)
FRONTEND127809708@N08
![Page 10: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/10.jpg)
Simple
Virtual DOM
JavaScript, without additional templating language
Component based
Flexible. You make all the decisions
Moving fast, real fast
Isn’t a framework
Inconsistent App structure
Mobile developmet via React Native
Learning curve is not one linear
![Page 11: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/11.jpg)
TypeScript
Full framework
Consistent through CLI
Test everything philosophy
Reactive build-in via RxJS, optional
TypeScript
No backward compatibility
Component based
Steep learning curve
Super rigid. MVC is a must
![Page 12: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/12.jpg)
![Page 13: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/13.jpg)
![Page 14: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/14.jpg)
![Page 15: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/15.jpg)
![Page 16: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/16.jpg)
Simple and easy to use
Lightweight
Fresh, learn mistakes and successes of React and Angular
Adopted by Laravel
Backed by Alibaba
Too flexible
Breaking changes
Template language is a bit off
Good momentum
Still in ES5 world for the most of part
![Page 17: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/17.jpg)
OTHERS
![Page 18: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/18.jpg)
TO CONCLUDE....
![Page 19: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/19.jpg)
LOTS OF OPTIONS
penguinjam
![Page 20: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/20.jpg)
WHAT WORKS FOR YOU
penguinjam
![Page 21: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/21.jpg)
WHAT WORKS FOR YOUR TEAM
![Page 22: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/22.jpg)
WHAT WORKS FOR YOUR PROJECT
![Page 23: Picking JavaScript Framework in 2017 - GeekCamp](https://reader031.fdocuments.net/reader031/viewer/2022030317/5a657f907f8b9af3678b51e1/html5/thumbnails/23.jpg)
THANKS! 🎉🎉🎉
facebook.com/rizafahmi
twitter.com/rizafahmi22
linkedin.com/in/rizafahmi
meetup.com/JakartaJS
github.com/rizafahmi
slideshare.com/rizafahmi
hacktiv8.com
rizafahmi.com