Picking the right side for your front end battles
-
Upload
guust-nieuwenhuis -
Category
Technology
-
view
44 -
download
0
Transcript of Picking the right side for your front end battles
![Page 2: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/2.jpg)
About me
G u u s t N i e u w e n h u i s
F u l l S t a c k We b D e v e l o p e r
@ O r a n g e L a r k
L i v i n g i n K o r t e n b e r g ( B E )
B o o t s t r a p , J a v a S c r i p t ,
C F M L , M u r a C M S
![Page 4: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/4.jpg)
![Page 5: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/5.jpg)
![Page 6: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/6.jpg)
![Page 7: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/7.jpg)
The Problem?
The Browser’s historical limitations and incredible rate of improvement
![Page 8: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/8.jpg)
The Sides
And many more…
![Page 9: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/9.jpg)
Angular 2
• F r a m e w o r k P l a t f o r m
• Ve r s i o n 2 j u s t r e l e a s e d
= > a c o m p l e t e r e w r i t e
• C o m p o n e n t - b a s e d a r c h i t e c t u r e
• J a v a S c r i p t , Ty p e S c r i p t o r D a r t
• B a c k e d b y G o o g l e
![Page 10: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/10.jpg)
Angular 2
Angular 1 Angular 2
![Page 11: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/11.jpg)
Angular 2
![Page 12: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/12.jpg)
Angular 2
• F r a m e w o r k P l a t f o r m
• Ve r s i o n 2 j u s t r e l e a s e d
= > a c o m p l e t e r e w r i t e
• C o m p o n e n t - b a s e d a r c h i t e c t u r e
• J a v a S c r i p t , Ty p e S c r i p t o r D a r t
• B a c k e d b y G o o g l e
![Page 13: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/13.jpg)
Ember
• C o n v e n t i o n o v e r c o n f i g u r a t i o n
• Ve r y o p i n i o n a t e d
• H a n d l e b a r s f o r t e m p l a t i n g
• N i c e r e l e a s e p a t h
• B a c k e d b y t h e c o m m u n i t y
![Page 14: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/14.jpg)
Ember
![Page 15: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/15.jpg)
Ember
• C o n v e n t i o n o v e r c o n f i g u r a t i o n
• Ve r y o p i n i o n a t e d
• H a n d l e b a r s f o r t e m p l a t i n g
• N i c e r e l e a s e p a t h
• B a c k e d b y t h e c o m m u n i t y
![Page 16: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/16.jpg)
Ember
![Page 17: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/17.jpg)
Ember
• C o n v e n t i o n o v e r c o n f i g u r a t i o n
• Ve r y o p i n i o n a t e d
• H a n d l e b a r s f o r t e m p l a t i n g
• N i c e r e l e a s e p a t h
• B a c k e d b y t h e c o m m u n i t y
![Page 18: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/18.jpg)
React
• O n l y t h e V i n M V C
• C o m b i n e w i t h F l u x , B a c k b o n e o r …
• D O M m a n i p u l a t i o n
• C o m p o n e n t s
• B a c k e d b y F a c e b o o k
![Page 19: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/19.jpg)
React
![Page 20: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/20.jpg)
React
• O n l y t h e V i n M V C
• C o m b i n e w i t h F l u x , B a c k b o n e o r …
• D O M m a n i p u l a t i o n
• C o m p o n e n t s
• B a c k e d b y F a c e b o o k
![Page 21: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/21.jpg)
How to choose?
• F o r y o u p r o j e c t
• B e s t f i t f o r p r o j e c t
• P o p u l a r i t y
• F o r y o u
• S t y l e
• O p p o r t u n i t i e s
![Page 22: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/22.jpg)
So… Do you join My Side?
Ember
![Page 23: Picking the right side for your front end battles](https://reader031.fdocuments.us/reader031/viewer/2022030119/58a0ea861a28abad6d8b56cf/html5/thumbnails/23.jpg)
Pedrillo
• S a a S
• F o r M u s i c O r c h e s t r a ’s
• A l m o s t i n b e t a
• Tr a n s i t i o n t o E m b e r
w w w. p e d r i l l o . b e