November 2023 – Natan Code

How does work New Control Flow Syntax in Angular 17 ?

Angular 17 has undergone significant modernization, introducing new syntax, and features, and achieving better performance. Notably, they made substantial transformations. In this post, we will focus on New Control Flow Syntax. The Angular 17 introduced the @if, @for, and @switch syntax. Let’s explore each one. @if block conditionally The @if block conditionally displays its content when its condition expression…

How does work Server-Side Rendering (SSR) in Angular 17 ?

Angular 17 has undergone significant modernization, introducing new syntax, and features, and achieving better performance. Notably, they made substantial transformations. In this post, we will focus on Server-Side Rendering (SSR). SSR Now, when creating a project, there’s a straightforward option to enable SSR. To create a new project with SSR, run: To add to an…

The two Axes of Flexbox

Flexbox is widely used nowadays, as it is possible to create complex and flexible layouts in a simple way. Before Flexbox existed, it was more complex to create layouts. Introduction We have two directions: row and column. We can specify the direction using the flex-direction property. There are two axes: the main axis and the…

How to do a Parameterized Unit Test in Quarkus?

Parameterized unit tests are beneficial for applications as they simplify the process of writing tests, allowing us to run a single test multiple times with different parameters. Requirements I’m using JDK 17, Intellij and Quarkus Version 3.4 on the project. Practice I created this class: These notations represent validations applied to the fields. For instance,…

What is Client-Side Rendering, Server-Side Rendering and Static Site Generator ? How does it work in Angular ?

The types of rendering are crucial in a system. First and foremost, we need to understand the client’s requirements, and then we can determine which rendering type is the better choice.All rendering types have their own set of advantages and disadvantages; let’s explore each of them. Requirements You can find more here: https://nodejs.org/en https://angular.io/cli Client-Side…