Angular: How To

Each Pull Request will contain explanation and steps taken to complete a feature.

Guides

Angular guides

New project

• Create a new Angular project
• Add prettier config

Pre commit hooks

• Prettier git hook pre-commit
  • Running prettier on ts, tsx, scss, md
• Sort imports, autofix tslint

Upgrades

• Upgrade from Angular 4 to Angular 5
• Upgrade @angular-cli
• Upgrade from Angular 5 to Angular 6

Testing

• Add project on Travis CI
• Add code coverage and coveralls integration
  • Add code coverage thresholds
• Testing a component with routes

Installing Frameworks and Libs

• Add Boostrap 4
• Add Mobx (redux-like)
  • Add Mobx async action
• Add Redux
  • API call in Redux
  • redux tag

Routes

• Adding routes
  • Adding a subroute
• Identifying current route in a link (ex: active menu)
• Getting parameters

Modules & Components

• Add about, contact, heroes modules/components
• Sub-modules and components
  • Sharing components from one module and importing in another
  • Declaring and exporting common components
  • Creating a component that can receive values through attributes with @Input decorator
    • Example markup usage

Forms

• Reactive form, hero-edit

Services

• Adding Nasa service, consume Nasa API

Pipes

• Add markdown pipe (convert text to markdown)