Use React tools for better Angular apps

Use React tools for better Angular apps

Angular, React, Vue… they all have their own ecosystem, specific patterns and best practices… For us, the developers, this might become indeed very frustrating as we have to switch between various projects with various libraries… Have no fear, universal solution is here! In this session I will show you how to learn libraries/patterns/tooling only once and apply it everywhere. 💃

2d3d5ccc782ff1ecc42eeeb4d8b8ec02?s=128

Martin Hochel

March 02, 2018
Tweet

Transcript

  1. 2.

    Hello Vikings ! ▪ @ngPartyCz meetup founder ▪ Author of

    ngMetadata ▪ Member of @skate_js, @ngParty ▪ ▪ Martin Hochel Principal SE, GDE Prague / Czech Republic @martin_hotell github.com/Hotell
  2. 3.
  3. 6.
  4. 11.
  5. 28.

    Unit testing: Jest - much more awesomeness - Powerful mocking

    features ( ES2015 mo s, as s ) - Code coverage - 0CJS `jest --coverage` - Pluggable ( run Puppeteer with Jest ) - Huge ecosystem - jest-axe ( a11y ) - jest-images-snapshots
  6. 33.
  7. 34.

    E2E Testing: summary - TestCafe ( Fast, 100% reliable, just

    NodeJS ! ) - Windows, MacOS, Linux - Chrome, Firefox, Safari, Opera, Edge, IE, Custom - CI integration - TypeScript
  8. 37.
  9. 44.

    Components: architecture HOC f(C)=> C.f @Directive React.Component @Component CSS /

    CSS in JS Inline CSS render ( JSX ) Inline template Immutable props ChangeDetectionStrategy.OnPush
  10. 46.
  11. 48.

    State Management: side effects via Epic Component Reducer Action State

    Epic Service Server Action Actions in, Actions out Action
  12. 49.
  13. 53.