Published inNetanel Basal·6 days agoAngular v17’s View Transitions: Navigate in EleganceAngular 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…Angular2 min readAngular2 min read
Published inNetanel Basal·Sep 6Node.js v20.6.0: Introducing Built-in .env File SupportThe 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? …Nodejs2 min readNodejs2 min read
Published inNetanel Basal·Sep 3Cutting Gas Fees: Building a Native and ERC20 Batch Transfer ContractIn 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…Blockchain3 min readBlockchain3 min read
Published inNetanel Basal·Aug 24Angular’s Signal Revolution: Effortless Change Detection Explained — Unveiling the Inner WorkingsAngular’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…Angular3 min readAngular3 min read
Published inNetanel Basal·Aug 21Creating a Basic Ethereum Wallet App with Ethers.js and SolidJSIn 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. …JavaScript5 min readJavaScript5 min read
Published inNetanel Basal·Jul 27Leveraging Inputs Binding with NgComponentOutlet in AngularAngular 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…Angular1 min readAngular1 min read
Published inNetanel Basal·Jun 12Say Goodbye to Setters and Getters: Angular’s Transform Option for Input ValuesStarting 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…Angular2 min readAngular2 min read
Published inNetanel Basal·May 2How to Keep Your Angular Providers from Ending Up in the Wrong InjectorIn 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. …Angular2 min readAngular2 min read
Published inNetanel Basal·Apr 30Converting Signals to Observables in Angular: What You Need to KnowAngular 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…Angular2 min readAngular2 min read
Published inNetanel Basal·Apr 30Converting Observables to Signals in Angular: What You Need to KnowAngular 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…Angular3 min readAngular3 min read
