Angular — Four old fashioned practices that you should NOT carry forward to Angular

5 min readFeb 4, 2021

--

Before the invention of modern JS frameworks, most websites were built with static HTML plus classic JS libraries, such as jQuery. Many practices have been formulated based on this stack, but some of them may no longer applicable with modern frameworks nowadays. Here I have summarized four classic web development practices that are not suitable anymore for Angular.

Image from Search Engine Land

Liu Ting Chun

Written by Liu Ting Chun

Web developer from Hong Kong. Most interested in Angular and Vue. Currently working on a Nuxt.js + NestJS project.

More from Liu Ting Chun

Liu Ting Chun

Angular — Introduction to named router outlet and a hack for custom URL

This is an introduction to named router outlet, which is a very less known feature that is capable to tackle some complicate use cases.

6 min readOct 1, 2020

--

Liu Ting Chun

Angular — Four Ways for Communication Between Components

An Angular application is consisted of many smaller components. Here is an introduction to four ways of communication between components.

4 min readJul 15, 2020

--

Liu Ting Chun

Angular — Four practical use cases of NgTemplateOutlet

NgTemplateOutlet is one of the most overlooked features in Angular. This article summaries four use cases that suit different projects.

5 min readApr 25, 2021

--

Liu Ting Chun

Angular — An extremely simple and easy implementation of drag and drop list reordering

Drag and drop list reordering is a very common feature of webpages with lists of data. Here is an implementation without using library.

4 min readApr 20, 2021

--

See all from Liu Ting Chun

Recommended from Medium

Guillaume Ferber

Why you should start learning Angular in 2023

Level up your web development game in 2023 with Angular — the dynamic JavaScript framework that’s redefining the way modern apps are built.

7 min readMar 23

--

Alberto García Ibáñez

Angular tricks to become a pro

Below you can find some useful tools and tricks to boost your Angular applications! The second part of this post is here:

3 min readJan 13

--

Lists

Stories to Help You Grow as a Software Developer

19 stories70 saves

Leadership

30 stories29 saves

Good Product Thinking

11 stories78 saves

Stories to Help You Level-Up at Work

19 stories55 saves

Guillaume Ferber

You’re using Observable subscribe() wrong!

Observables are a powerful and essential tool in Angular, allowing us to handle asynchronous data and react to changes in real time. The…

11 min readFeb 10

--

Guillaume Ferber

The 7 Must-Have RxJS Operators in 2023

Discover my 7 favorite RxJS operators for building reactive web applications.

7 min readMar 20

--

Itzhak

Angular | Performance optimization

Angular is a powerful front-end framework that can help developers build highly performant web applications. However, as applications grow…

5 min readFeb 18

--

Dimitar Stoev

How I work with Observables in Angular

Introduction

6 min readApr 15

--

See more recommendations

Help
Status
Writers
Blog
Careers
Privacy
Terms
About
Text to speech