Angular — Stop Already!

Intro — Know Thine Enemy

  1. Angular 2 and higher (current version is 6 as I write this) are completely different frameworks to Angular 1.
  2. It’s still not very good.

“It’s not a zero sum game”

Remake/Re-model

  1. Stick with AngularJS until it dies (not long now)
  2. Migrate to something else
  3. Upgrade the code to Angular

NgCoexist (not)

Hey, Java Devs — you can do the Web, sure you can!

Templating — The Horror!

<template ngFor let-item [ngForOf]=”items” let-i=”index” [ngForTrackBy]=”trackByFn”>
<li>…</li>
</template>

<ul id=”example-1">
<li v-for=”item in items”>
{{ item.message }}
</li>
</ul>

getItemMessages = items => items.map(item => item.message);

render() {
return (
<ul id=”example-1">
<li key={item.id}>{this.getItemMessages(items)}</li>
</ul>
);
}

export class AppComponent {
title = “template-type-test”;
myNumber = 3.5;
}

<div>myNumber: {{myNumber}}</div>

<div>myNumber: {{myNumber}}</div>
<div>type: {{typeof myNumber}}</div>

export class AppComponent {
title = “template-type-test”;
myNumber = 3.5;
getType = testVar => typeof testVar;
}

<div>myNumber: {{myNumber}}</div>
<div>type: {{getType(myNumber)}}</div>

return (
<div>{myNumber}</div>
<div>{typeof myNumber}</div>
);

Apples to oranges

Stop already!

--

--

--

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

JavaScript Tricks to Accomplish Your Business Tasks

React Weekly Issue 33

Type Safe JavaScript with JSDoc

Refactoring for clarity — Part 1

Memory leaks and why should you never write such bad code, even for tests

How to create a water ripple effect

Build a NestJS App With TypeORM and Postgres

Sequelize with Node JS (ORM for Node JS)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mike Brown

Mike Brown

More from Medium

Angular Best Practices — 2022

Angular

How to Use RxJS debounceTime with Angular

Getting Started with Pipes in Angular

Directives In Angular