Angular and React side by side they are very much alike

1. From Angular to React...
and back again

2. You might be thinking…

4. @simona_cotin @hackawaye

5. One framework.
Mobile & desktop.

6. Release date: September, the 14th 2014
Contributors: 462
License: MIT

7. Intro - Angular
History - misko hevery

8. Keep Your
Minds Open
ES6
Web Components
React
RxJs
TypeScript
ember-cli

9. Performance
is not a single number
Startup
Speed
First Time
Render
U
pdate
R
ender
RouteTransition
Change
Detection
Memory
Pressure

10. Lazy
Loading

11. AoT
• Faster rendering
• Fewer asynchronous requests
• Smaller Angular framework download
size
• Detect template errors earlier
• Better security

12. AoT

13. Tree
Shaking

14. Angular
Cli

15. REACT
A JAVASCRIPT LIBRARY FOR BUILDING
USER INTERFACES

16. Release date: May, the 26th 2013
Contributors: 1034
License: BSD-3 with Patent Clause

17. Component based architecture
Flow (strongly typed)
ES6
Predictable state management
(Redux + Middlewares)

19. Virtual dom

20. ● Reconciliation algorithm v1 a.k.a. Stack
reconciler (2013)
● Reconciliation algorithm v2 a.k.a Fiber
(2016)

22. Getting started

23. vs

24. vs

27. vsvs

28. vs

29. vs

30. vs

31. vs

32. Wait, how do I manage state?
vs
predictable state container for JavaScript apps
REDUX

33. vs

34. vs

35. vs

36. Where did $http go?
vs
“..not a framework”
-every React developer out there
• axios
• superagent
• fetch

37. Wait, how do I pass data between components?
vs
Parent
To
child

38. Wait, how do I pass data between components?
vs
Child
To
Parent

39. Wait, how do I pass data between components?
vs
Component
To
Component
REDUX

40. Back to Angular

41. Back to Angular

42. Back to Angular
Stateful
vs
Stateless

44. Angular CLI
by
Angular Augury Language ServicesProtractor

45. Linter: eslint-config-airbnb.

46. Editor: any editor that allows you to
configure linting

47. React Developer Tools
Redux Dev Tools
Remote Redux Dev Tools

48. Coding and Arch Guides: provided by
the community with

51. ● Angular Style Guide
● Typescript
● UpgradeModule
● Upgrade cheatsheet
● Asim’s migration blog https://goo.gl/G2rnF2

53. ● Can prove difficult to architect a large
app
● State management and asynchronous
data can be confusing
● There is no unified way of doing things,
only recommendations

56. How to choose?

57. • How mature are the frameworks/libraries ?

60. Who wins?

61. Thank you!
@simona_cotin @hackawaye