Download as PDF, PPTX
Uploaded bySimona Cotin
From Angular to React and back again
The document discusses the transition between Angular and React, comparing their features and architectures. Key topics include component-based design, state management, and performance optimizations in both frameworks. It also highlights the challenges developers face in managing state and provides community resources for coding and migrating between the two technologies.
From Angular to React and back again
- 1. From Angular toReact... and back again
- 2. You might bethinking…
- 4.
- 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 WebComponents React RxJs TypeScript ember-cli
- 9. Performance is not asingle number Startup Speed First Time Render U pdate R ender RouteTransition Change Detection Memory Pressure
- 10.
- 11. AoT • Faster rendering •Fewer asynchronous requests • Smaller Angular framework download size • Detect template errors earlier • Better security
- 12.
- 13.
- 14.
- 15. REACT A JAVASCRIPT LIBRARYFOR 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.
- 20. ● Reconciliation algorithmv1 a.k.a. Stack reconciler (2013) ● Reconciliation algorithm v2 a.k.a Fiber (2016)
- 22.
- 23.
- 24.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. Wait, how doI manage state? vs predictable state container for JavaScript apps REDUX
- 33.
- 34.
- 35.
- 36. Where did $httpgo? vs “..not a framework” -every React developer out there • axios • superagent • fetch
- 37. Wait, how doI pass data between components? vs Parent To child
- 38. Wait, how doI pass data between components? vs Child To Parent
- 39. Wait, how doI pass data between components? vs Component To Component REDUX
- 40.
- 41.
- 42.
- 44. Angular CLI by Angular AuguryLanguage ServicesProtractor
- 45.
- 46. Editor: any editorthat allows you to configure linting
- 47. React Developer Tools ReduxDev Tools Remote Redux Dev Tools
- 48. Coding and ArchGuides: provided by the community with
- 51. ● Angular StyleGuide ● Typescript ● UpgradeModule ● Upgrade cheatsheet ● Asim’s migration blog https://goo.gl/G2rnF2
- 53. ● Can provedifficult to architect a large app ● State management and asynchronous data can be confusing ● There is no unified way of doing things, only recommendations
- 56.
- 57. • How matureare the frameworks/libraries ?
- 60.
- 61.