Use React Tools for Better Angular Apps

on YouTube ↗25m

" summary

Argues that Angular apps get concrete wins by adopting React-era tools and patterns: replace npm with Yarn, format with Prettier plus tslint-config-prettier and run it via lint-staged + husky, swap Karma/Jasmine for Jest (author reports ~24s → ~8s test runs, snapshot testing), replace Protractor/Selenium with TestCafe for stable E2E, use Storybook for component catalogs, prefer Redux with redux-observable and reselect for one-way immutable state, and use Axios for HTTP while keeping RxJS-powered epics for side effects.

AI-written summary · about

" chapters (9)

1. 0:00Introduction and motivation
2. 1:59Tools in Angular development
3. 3:54Package managers and formatters
4. 8:53Testing frameworks
5. 13:09End-to-end testing
6. 16:26Component development with Storybook
7. 18:52Component architecture comparison
8. 20:21State management and libraries
9. 23:32Summary and takeaways

" related talks

• 24mUse React tools for better Angular appsMartin Hochel · ngVikings 2018
• 30mUse Angular for better React appsMartin Hochel · FrontEnd Con 2018
• 45mReactive Testing Strategies with NgRxBrandon Roberts, Mike Ryan · NGConf 2018
• 31mFrom Angular to React and back againSimona Cotin, Artur Daschevici · AngularCamp 2017
• 50mAngular vs React SmackdownDeepu K Sasidharan, Matt Raible · Devoxx Belgium 2017
• 11mInterview with Cory HouseCory House · Fluent 2016
• 19mModern Testing Strategies for Reactive ApplicationsBrandon Roberts · ngAtlanta Conf 2018
• 25mCreating the Ultimate Front End UI for a Single Page ApplicationKeerthana Krishnan · FOSSASIA Summit 2017