Ir al contenido principal

Entradas

AEM - Switching from NPM to PNPM in your AEM Application

If you want to use pnpm instead of npm on your AEM application for better performance or additional features, here's a comprehensive guide on how to make the switch. In this post, you will learn how to: Create AEM App Modify root's pom.xml Select pnpm's Version Modify ui.frontend's pom.xml Build the project Hi there, I'm Manuel Gutierrez from dlighthouse.co, and in this quick tips series, I will share snackable videos focusing on just one feature or problem. Let's start by creating a new app using Adobe's archetype. Make sure you define the appTitle, appId, and groupId: Unix-like Shells mv...
Entradas recientes

AEM - Switching from NPM to Yarn in your AEM Application

If you want to use Yarn instead of npm on your AEM application for better performance or additional features, here I will guide you through the process. On this post you will: Create AEM App Modify root's pom.xml Select Yarn's Version Modify ui.frontend's pom.xml Build the project Generate the yarn.lock file First, let’s create a new app if you don't have one already using Adobe's archetype. Make sure you define the appTitle, appId, and groupId: Unix-like Shells mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \ -D archetypeGroupId=com.adobe.aem \ -D archetypeArtifactId=aem-project-archetype \ -D ar...

JavaScript ES6 Features - Computed Property Names

Sometimes you may want to initialize an object by setting the property names dynamically using strings defined somewhere else. You can use the ES6’s Computed property names for this, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have a browser like Chrome, Edge or Firefox installed 2. Using Computed Property Names in Javascript Initialize and Object with a computed property name ...

Exposing Reactjs component methods to Javascript or non-reactjs applications

blog-static-generator-new If you want to integrate your javascript or non-reactjs application with a reactjs app and be able to access reactjs components and call their methods to execute actions or get information out of them, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have node.js installed 2. Exposing React JS to Javascript or non-reactjs applications ...

How to test your application for XSS vulnerabilities using XSStrike

When testing an application for XSS vulnerabilities it can be sometimes hard to come up with a successful attack and test multiple alternatives. You can use an app like XSStrike to automate this, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have node.js installed for the sample app Have Docker installed 2. Using XSStrike ...

How to test your application for XSS vulnerabilities using XSSer

When testing an application for XSS vulnerabilities it can be sometimes hard to come up with a successful attack and test multiple alternatives. You can use an app like XSSer to automate this, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have node.js installed for the sample app Have Docker installed 2. Using XSSer ...

Creating a Local Private NPM registry using Verdaccio

If you want to be able to publish npm packages to a local npm registry so that they can be used and tested, either before publishing them to a remote one or because npm link or even yalc are not working for you or if you just need a really easy to use and install private npm registry, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have node.js installed Have Docker installed 2. Using Verdaccio as a local Private NPM registry ...