Hacker Noon·3yExploring the Adapter Pattern in React (With an Example!)
The Adapter pattern allows objects (or components) with incompatible interfaces to communicate with each other. The pattern hides the complexity of converting between interfaces by wrapping one of the objects. The most basic usage of react-hook-form involves the hook, which returns a function and a function.
Bits and Pieces·3yWhat are Code Smells in Angular?. In one of my previous post I talked…
What are Code Smells in Angular? In one of my previous post I talked about “ Clean Frontend Architecture’s principles that should be followed in order to positively influence the maintainability and scalability of frontend applications.
Community Picks·3yScalable & Modular Angular application with NX
Using Nx, you can upgrade your codebase to the next level. Nx is a powerful CLI shipped with tools to improve developer productivity. It can be used with Angular, React, WebComponents, and Node applications supported by the official team, but you can also use it with other technologies like C#, Java, Kotlin.
This is Angular·3yAngular: How to test functional guards, resolver and intercpetors
Angular: How to test functional guards, resolver and intercpetors as functions is much more straightforward than testing a function in which the inject function is used. This article looks at testing of guards and resolvers as functions. To understand how injection works and how the value of a service is retrieved.
ITNEXT·3yAngular Super Forms: Password Confirmation
Angular Super Forms: Password Confirmation is a quintessential skill for front-end developers. Validating user input is an important part of delivering a good user-experience. In this tutorial we will be using Angular, ng-bootstrap, ngneat/error-tailor, and Reactive Forms to create a Change Password form.
Halodoc·3yAngular Standalone Components: No NgModule Magic
In Angular, a standalone component refers to a self-contained and reusable unit of code that encapsulates logic, data, and UI elements. Standalone components provide a more granular and focused approach to module development in Angular. This approach eliminates the inclusion of redundant code, leading to a more streamlined application with optimised efficiency.
The New Stack·3yNew Figma Plug-in Converts Design to Angular, React Native
The New Stack WaveMaker is testing a Figma plug-in that would work with its low-code Web Studio tool to generate Angular or React Native mobile code. The result is a ‘pixel-perfect’ code rendition of the design that can then be customized by developers. The plan is to use artificial intelligence technologies in the future.
This is Angular·3yCreate configurable Angular guards
In Angular 14, we can do this by using router guards. This is not an intro to Angular guards, so if you are not familiar with them, you can read more about them in the official documentation. In this article, we will see how we can create configurable Angular guards. We will create a guard that will check if the logged in user has a specific role.