netbasal.com Open in urlscan Pro
52.4.225.124  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

15K Followers

Follow

Home

About




Netanel Basal

·6 days ago


NAVIGATING THE NEW ERA OF ANGULAR: ZONELESS CHANGE DETECTION UNVEILED

The Angular framework has always been at the forefront of advancing web
application development. In its latest stride towards efficiency and performance
optimization, the Angular team has introduced an intriguing feature:
provideZonelessChangeDetection. This new functionality heralds a shift towards a
'zoneless' future. Let's delve into the technicalities of this feature…

Angular

3 min read



Angular

3 min read





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

Netanel Basal

·Jan 8


HARNESSING THE POWER OF SIGNALS TO DRIVE OBSERVABLES IN ANGULAR

In certain scenarios, we need to activate an observable in response to changes
in a signal’s value. Consider a situation where you have a ProjectComponent that
receives an ID as an input. Your goal is to retrieve the corresponding project
each time the ID changes: @Component({ selector: 'app-project'…

Angular

3 min read



Angular

3 min read





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

Netanel Basal

·Jan 6


REVOLUTIONIZING ANGULAR: INTRODUCING THE NEW SIGNAL INPUT API

Angular’s development team has achieved a remarkable milestone with the
successful integration of the Signal Input API, a transformative addition to the
framework. This integration, which already available in v17.1.0-rc.0, heralds a
new era of coding efficiency and clarity. Here’s a sneak peek into what this
groundbreaking update entails. Required Input Signal Angular…

Angular

4 min read



Angular

4 min read





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

Netanel Basal

·Nov 19, 2023


NAVIGATING THE NUANCES OF TOSIGNAL IN ANGULAR: WHAT TO KNOW

Angular provides the toSignal function that transforms an observable to a
signal. Upon examining various developers’ code, I’ve noticed a trend where the
toSignal function is utilized within root providers. For instance: import {
Injectable } from '@angular/core'; import { toSignal } from
'@angular/core/rxjs-interop'; import { interval, tap } from 'rxjs';
@Injectable({ providedIn…

Angular

2 min read



Angular

2 min read





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

Netanel Basal

·Nov 13, 2023


🚀 THE ULTIMATE ANGULAR ADAPTER FOR TANSTACK QUERY

🚀🌟 Big News for Angular Developers! 🌟🚀 I’m thrilled to unveil the next big
leap in Angular development — the latest release of ngneat/query! This isn’t
just any update; it’s a game-changer for everyone using Angular with the
TanStack Query (also known as react-query). GitHub - ngneat/query: 🚀 Powerful
asynchronous state management, server-state utilities and data… 🚀 Powerful
asynchronous state management, server-state utilities and data fetching for
Angular Applications - GitHub …github.com

Angular

3 min read



Angular

3 min read





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

Netanel Basal

·Oct 8, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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. Users will also be able to view their wallet balance…

JavaScript

5 min read



JavaScript

5 min read





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

Netanel Basal

·Jul 27, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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, 2023


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





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.