Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn’t sufficient for that. We need to handle the responsiveness in our code.

In this article, I would like to share about how to detect responsive breakpoints in Angular, with a twist — we don’t maintaining responsive breakpoint sizes in your Typescript code (because responsive breakpoints are already defined in CSS).

We will use Angular with Bootstrap in this example, but it works for any CSS frameworks and classes.

Full article is available in Scotch as usual.

When working with JavaScript, we deal a lot with conditionals, I have 5 tips to share with you for writing better / cleaner conditionals.

  1. Use Array.includes for Multiple Criteria
  2. Less Nesting, Return Early
  3. Use Default Function Parameters and Destructuring
  4. Favor Map / Object Literal than Switch Statement
  5. Use Array.every & Array.some for All / Partial Criteria

As usual. please read the full article👇in scotch.io, code samples provided (free of course, with better syntax highlight).

If you would like to know the background of the conference and event management flow, checkout the part 1 of this series.

In this post, we will talk about the app feature, technologies used in the project and how we handle certain details programmatically.

Sourcecode and demo urls provided at…

These are the 3 tips I found pretty handy while working with Typescript:

  1. Eliminating the need to import interfaces
  2. Making all interface properties optional
  3. Stop throwing me error, I know what I’m doing

Though I discovered these while working with Angular application, but all tips are not Angular specific, it’s just Typescript.

Here is the full post:

Jecelyn Yeen

Coder. Diver. Malaysian 🇲🇾. Speak English, Mandarin, Malay, C#, Java, Javascript and more.

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