netbasal.com Open in urlscan Pro
52.1.119.170  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Open in app

Sign up

Sign In

Write


Sign up

Sign In


Netanel Basal

14.9K Followers

Follow

Home

About




Netanel Basal

·Oct 8


A COMPREHENSIVE GUIDE TO ANGULAR’S DEFER BLOCK

With the latest control flow enhancements, Angular v17 introduces an impressive
and highly beneficial feature: the defer block. The primary purpose of the defer
block is to lazy load content. Whether it’s a component, directive, or pipe, if
it’s placed inside a defer block, Angular will only load it based…

Angular

8 min read



Angular

8 min read





--------------------------------------------------------------------------------

Netanel Basal

·Sep 18


ANGULAR V17’S VIEW TRANSITIONS: NAVIGATE IN ELEGANCE

Angular v17 debuts with integrated support for the cutting-edge View Transitions
API. The View Transition API makes it easy to change the DOM in a single step,
while creating an animated transition between the two states. Dive deeper into
this feature by following this link. Angular’s Router now has an…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Sep 6


NODE.JS V20.6.0: INTRODUCING BUILT-IN .ENV FILE SUPPORT

The way developers manage configuration variables and environment settings in
their Node.js applications has undergone a significant change with the release
of Node.js v20.6.0. A core enhancement introduced in this version is the
built-in support for .env files, a much-awaited feature that was traditionally
handled using third-party packages like dotenv. What are .env Files? …

Nodejs

2 min read



Nodejs

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Sep 3


CUTTING GAS FEES: BUILDING A NATIVE AND ERC20 BATCH TRANSFER CONTRACT

In this article, We’ll create a Batch Transfer Smart Contract that allows users
to send either native or ERC-20 tokens to multiple recipients in a single
transaction. Batch transfers dramatically reduce the amount of gas required for
transactions, as you can send assets to multiple recipients with a single
transaction…

Blockchain

3 min read



Blockchain

3 min read





--------------------------------------------------------------------------------

Netanel Basal

·Aug 24


ANGULAR’S SIGNAL REVOLUTION: EFFORTLESS CHANGE DETECTION EXPLAINED — UNVEILING
THE INNER WORKINGS

Angular’s signals bring a host of benefits to the table, one of which is their
ability to seamlessly integrate with templates and “automate” change detection.
This automation means that a component configured with the OnPush change
detection strategy will be rechecked during the next change detection cycle,
sparing developers from…

Angular

3 min read



Angular

3 min read





--------------------------------------------------------------------------------

Netanel Basal

·Aug 21


CREATING A BASIC ETHEREUM WALLET APP WITH ETHERS.JS AND SOLIDJS

In this article, I’ll guide you through the process of building a basic Ethereum
wallet application similar to Metamask using the ether.js library and SolidJS
framework. This application will allow users to set up a wallet using a mnemonic
phrase. …

JavaScript

5 min read



JavaScript

5 min read





--------------------------------------------------------------------------------

Netanel Basal

·Jul 27


LEVERAGING INPUTS BINDING WITH NGCOMPONENTOUTLET IN ANGULAR

Angular version v16.2.0 (next.4) introduced a highly practical feature — Inputs
Binding with NgComponentOutlet. In the past, when utilizing the
NgComponentOutlet directive and requiring the passage of data to the created
component, developers were constrained to create a new injector and utilize it
as the data provider. Fortunately, with this…

Angular

1 min read



Angular

1 min read





--------------------------------------------------------------------------------

Netanel Basal

·Jun 12


SAY GOODBYE TO SETTERS AND GETTERS: ANGULAR’S TRANSFORM OPTION FOR INPUT VALUES

Starting from Angular v16.1.0, a new helpful feature has been introduced to
provide an alternative and easy way to transform input values, eliminating the
need for using setter and getter methods. The @Input decorator now includes a
transform option, which accepts a function that takes the passed input value
and…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·May 2


HOW TO KEEP YOUR ANGULAR PROVIDERS FROM ENDING UP IN THE WRONG INJECTOR

In Angular, registering dependency injection providers using plain functions is
a common practice. However, when creating such functions, it’s important to
consider their intended usage. For instance, Angular provides several functions
like provideHttpClient(), provideRouter(), and withDomHydration() that register
providers under the hood. …

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Apr 30


CONVERTING SIGNALS TO OBSERVABLES IN ANGULAR: WHAT YOU NEED TO KNOW

Angular v16 introduces the new package rxjs-interop, which comes with a handy
function called toObservable that allows developers to convert a signal to an
observable. In this article, we’ll explore this new feature and how it can be
used. First, we need to import the toObservable function from the
@angular/core/rxjs-interop…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Apr 30


CONVERTING OBSERVABLES TO SIGNALS IN ANGULAR: WHAT YOU NEED TO KNOW

Angular v16 comes with a new package named rxjs-interop, which introduces the
toSignal function that converts an observable to a signal. In this article,
we’ll take a closer look at this new feature and its usage. To start using the
toSignal function, we need to import it from the @angular/core/rxjs-interop…

Angular

3 min read



Angular

3 min read





--------------------------------------------------------------------------------

Netanel Basal

·Apr 28


ANGULAR SIGNALS — PREVENTING UNNECESSARY DEPENDENCIES USING THE UNTRACKED
FUNCTION

When a signal value changes, any computed() or effect() that depends on it will
be re-evaluated. This is called tracking. However, sometimes we want to read a
signal value without creating a dependency, i.e., without triggering the
reactive function when its value changes. …

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Apr 26


UNDERSTANDING ANGULAR INJECTION CONTEXT

Angular introduced the inject() function in recent versions, which allows us to
obtain a reference to a provider in a functional way rather than using the
Injector.get() method. However, if you have used it or a library that uses it
under the hood, you may have encountered the following error: …

Angular

3 min read



Angular

3 min read





--------------------------------------------------------------------------------

Netanel Basal

·Apr 5


GETTING TO KNOW THE TAKEUNTILDESTROYED OPERATOR IN ANGULAR

Angular v16 introduces a new feature in the @angular/core/rxjs-interop entry
that includes three new operators: fromSignal, fromObservable, and
takeUntilDestroyed. These operators are designed to enhance the functionality of
RxJS in Angular applications. The takeUntilDestroyed operator allows developers
to automatically complete an observable when the calling context (which can be
a…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Apr 4


BINDING ROUTER INFORMATION TO ROUTED COMPONENT INPUTS IN ANGULAR

Angular v16 has introduced a powerful new feature that enables the automatic
binding of router information, such as query parameters, path parameters, static
data, and resolver data to a routed component’s inputs. This functionality can
be activated using the withComponentInputBinding function. Here’s an example of
how to use it: import…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Mar 23


FROM GOOD TO GREAT: REQUIRED INPUTS IN ANGULAR

A new feature introduced in Angular 16.0.0-next.4 is the ability to define
inputs as required for components and directives. In other words, we can now
specify that a component or directive requires certain inputs to function
properly. By using this new feature, we can ensure that all necessary data is…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Mar 4


GETTING TO KNOW THE DESTROYREF PROVIDER IN ANGULAR

Angular v16 has introduced a new provider called DestroyRef, which allows for
registering destroy callbacks for a specific lifecycle scope. This feature is
applicable to components, directives, pipes, embedded views, and instances of
EnvironmentInjector. The usage of DestroyRef is straightforward. …

Angular

1 min read



Angular

1 min read





--------------------------------------------------------------------------------

Netanel Basal

·Mar 1


SIMPLIFYING VIEW LOGIC IN ANGULAR

Recently, I had to implement a popover view with many variations based on
complex conditions. Using ngSwitch, in this case, was impossible, and using ngIf
is unreadable and verbose. Here’s how I decided to approach this problem. The
first step was to create a directive named TemplateIdDirective: @Directive({
selector…

Angular

2 min read



Angular

2 min read





--------------------------------------------------------------------------------

Netanel Basal

·Jan 25


FORWARDING FORM CONTROLS TO CUSTOM CONTROL COMPONENTS IN ANGULAR

Sometimes we want to forward and use an existing form control rather than
creating a redundant value accessor wrapper. One common use case is when
creating, for example, custom input components. The following image describes
our goal:

Angular

3 min read



Angular

3 min read





--------------------------------------------------------------------------------

Netanel Basal

·Jan 16


WHY DIRECTIVES ARE THE GO-TO CHOICE FOR SELECT COMPONENT OPTIONS REUSE IN
ANGULAR

Our application has various select components that are frequently used
throughout the application, such as “select user,” “select wallet,” and “select
blockchain” components. One approach to managing these components would be to
individually query the options and pass them to the select component each time
they are needed; however, this…

Angular

2 min read



Angular

2 min read





Learn development with great articles

Follow

Connect with Netanel Basal




EDITORS


NETANEL BASAL

A FrontEnd Tech Lead, blogger, and open source maintainer. The founder of
ngneat, husband and father.

Follow


Help

Status

About

Careers

Blog

Privacy

Terms

Text to speech

Teams

To make Medium work, we log user data. By using Medium, you agree to our Privacy
Policy, including cookie policy.