-
- 15 Jun, 2025
Type Inference vs. Type Assertion in TypeScript
Two important tools in the TypeScript type system are type inference and type assertion. While they sound similar, they serve different purposes and …
-
- 15 Jun, 2025
Understanding the Difference Between `void` and `never` in TypeScript
Understanding the Difference Between void and never in TypeScript When working with TypeScript, we may encounter various utility types that help …
-
- 21 Jun, 2022
Handling errors in try/catch
In version 4.0 TypeScript fixed a ‘bug’ in a try/catch block, where the error was of type any. The any type allowed, well, …
-
- 11 Jun, 2022
CSS currentValue keyword
The currentColor keyword refers to the text color on a element where the keyword is used. And it can be used on any property that accepts a color …
-
- 07 Jun, 2022
How to create enums in JS or TS
JavaScript does not offer any build in way how to create enums so we have to use a workaround. On the other hand, TypeScript has its way, or two, how …
-
- 03 Jun, 2022
React 18 useDeferredValue hook
The React 18 introduces Concurrent React. It is React, that cares about tasks and their priorities to be processed by a browser in certain order. For …
-
- 31 May, 2022
Typescript const assertion
The ‘const’ assertion was added to TypeScript in version 3.4. It sets all properties of an object to be readonly and arrays becomes …
Cypress bundled libraries
Cypress relies on many open-source libraries. Mainly they are used internally, but they are also exported and we can use them in out tests. They may …
How to use <section> HTML tag
Section tag is one of HTML semantic elements, that tell browsers how they should appear and what they do. What should section contain and how should …
-
- 14 May, 2022
Function overloading in Typescript
Function overloading is very common technique in many programming languages. JavaScript itself this feature do not support. But luckily, we have …
-
- 10 May, 2022
Scope in JavaScript
Scope is set of rules that determines where and how a variable can be referenced or is visible. Because we can nest blocks or functions inside another …
-
- 07 May, 2022
Data binding commands in Aurelia
Data binding is a fancy name for setting relation for data passed between a parent component and a child component. Aurelia recognizes 5 types of data …
How to stay logged in between Cypress tests
If you have a private area on your web page you probably had to solve a problem, how to stay logged in during Cypress tests. Because of performance, …
Defer script attribute
The defer attribute is used with <script> where it signals to browsers that the external script should be downloaded in parallel to parsing the …
-
- 27 Apr, 2022
Avoid nesting if-else, use guard clauses technique instead
Guard clauses (guard, guard code or guard statement) is technique to write cleaner and more readable code. Guard The definition of guard clause by …
HTML Divitis problem
Divitis or div soup is quite common problem of frontend developers. It is a habit or a process of using too many unnecessary div HTML elements in …
-
- 21 Apr, 2022
CSS min(), max() and clamp()
To improve responsiveness of a site, we are used to to use CSS media queries, calc() function or even Web API ResizeObserver event listener. But CSS …
-
- 21 Apr, 2022
Using :is() pseudo-class to simplify css selectors
The :is() pseudo-class function in CSS allows to write shorter compounded selectors. It takes list of selectors as its argument and selects any …
-
- 20 Apr, 2022
Design patterns in JS: Abstract factory
Abstract factory is a creational design pattern that creates objects that follow a general pattern. Abstract factory is considered to be an another …
-
- 14 Apr, 2022
Using modern CSS horizontal centering techniques
Centering element horizontally… Something you did many times in the past and for sure you will do many times as part of your daily job in the …
-
- 12 Apr, 2022
Notes on event delegation and triggering
Two main bindings to handle click events exist in Aurelia - delegate and trigger. What are their key concepts and what is the difference between them? …
-
- 06 Apr, 2022
Introduction to design patterns in JS
Design patterns are general reusable solutions to common problems in software design that software engineers face during software development. It …
-
- 04 Apr, 2022
CSS animation performance I
Have you ever wondered why some animations are slow and others not? If the animation is not performing well, it can negatively impact the user …
-
- 02 Apr, 2022
Design patterns in JS: Singleton
Singleton pattern is a creational design pattern that restricts the initialization of a class (or object in general) to single instance while …
-
- 22 Dec, 2021
Event capturing and bubbling in Javascript
Every event is a special object used in browsers to signal that something happened to a HTML element. And JavaScript can be used to react to that …
-
- 14 Dec, 2021
Meet lobotomized owl
A lobotomized owl is a eerie name for a pretty neat CSS selector. This selector was introduced in 2014 by Heydon Pickering to solve some flow content …
-
- 04 Dec, 2021
How to include custom components in Aurelia
Every framework has its ways how to include custom components, reusable block of codes, into the page content. In Aurelia, we have three main options …
-
- 01 Dec, 2021
How to define an array of minimal length in Typescript
To define an array of minimal length we have to create an array of defined length and then extend it with an array of unknown length. Array of certain …