Slide 1

Slide 1 text

Angular for Enterprise Maintainable, Scalable, Performance

Slide 2

Slide 2 text

Challenges of building Enterprise Software

Slide 3

Slide 3 text

Reliability & Stability

Slide 4

Slide 4 text

Reliability & Stability - Google internally have 400+ applications using Angular - Pre-release tests for free - Before release new version of Angular, Google will first test on their applications make sure it works - Angular is open source (link), all codes & issues reported are transparent - Predictable versioning & releases (link) - Semantic release: major.minor.patch - A major release every 6 months - 1-3 minor releases for each major release - A patch release almost every week - Built-in protection for common web vulnerabilities (link) - Update guide & CLI command for update Angular application

Slide 5

Slide 5 text

Structure

Slide 6

Slide 6 text

Structure - Angular CLI to create projects, generate different blueprints(components, services) - Provide standard project skeleton - Workspace concept(link) - Test setup - unit test, end-end - Dev server & build command ready - Angular styleguide (lint) and built-in linting - Nx from nrwl.io - an open source toolkit for enterprise Angular applications - Dependency injection - Out of the box solution - routing, http client, forms, polyfills, css preprocessor

Slide 7

Slide 7 text

Robustness

Slide 8

Slide 8 text

Robustness - Typescript - Static typing, no more fragile execution - Linting - eliminate possible errors before commits - Angular Language Service (vscode extensions) - report errors during editing

Slide 9

Slide 9 text

Scalability

Slide 10

Slide 10 text

Scalability: Team - Hiring & training - How fast to get a junior (fresh) productive? - How fast to get a programmer to be productive? - Full stack development - Can backend developers leverage their skills in frontend? - Resources available - videos, stackoverflow, community

Slide 11

Slide 11 text

Scalability: Application - Resources available - open source libraries - Enterprise grade (paid): Telerik, DevExtreme - Components & Design systems: PrimeNg, Material UI, Nebula, Clarity, ngx-bootstrap, ngx-admin - State management - NgRx, NgXs, Akita, MobX - Plugins - Firebase, Auth0, Angular CDK - Learn once, use everywhere - Ionic (Hybrid) - NativeScript (Native) - NestJs (Backend) - Lazy loading built in - Built-in Optimization

Slide 12

Slide 12 text

“We build our computer (systems) the way we build our cities. Over time, without a plan, on top of ruins.” - Ellen Ullman

Slide 13

Slide 13 text

“It’s never on how difficult is to write bad code, it’s on how easy is to write good code.”

Slide 14

Slide 14 text

They choose Angular. https://www.madewithangular.com/categories/angular

Slide 15

Slide 15 text

Thank You. Q & A.