Egghead Useful Free JavaScript Videos


configure eslint in project using webpack

First, you need webpack installed in your project and later go through this

Learn ESLint basics from very nice video tutorials by Andrew Mead

Configuring ESLint:


1. Create project using webpack.

2. Install loaders..

3. Set rules

4. Update package.json with lint scripts.

That’s it. You are done :).


$ npm install eslint-loader --save-dev

NOTE: You also need to install eslint from npm, if you haven’t already:

$ npm install eslint --save-dev


In your webpack configuration

module.exports = {
  // ...
  module: {
    rules: [
        test: /\.js$/,
        exclude: /node_modules/,
        loader: "eslint-loader",
        options: {
          // eslint options (if necessary)
  // ...

ESLint Rules, Best Practices of AirBnb:


check this

For more check this commit.

Atomic Design – Pattern Lab

Node version of pattern lab:

Troubleshoot errors

This post is only for troubleshooting errors while we work..

1. json-server command not found

export PATH=$PATH:$HOME/.npm-global/bin

2. Failed to execute goal org.apache.maven.plugins:maven-archetype-plugin:3.0.1:generate (default-cli) on project standalone-pom: The desired archetype does not exist (com.adobe.granite.archetypes:aem-project-archetype:10

copy that archetype-catalog.xml or download it from repo and paste it in ~/.m2/repository like shown below


Gulp command not found:

zsh: gulp not found – error

steps to resolve this..

1. PATH=$HOME/.node/bin:$PATH
2. npm config set prefix /usr/local
3. sudo npm install -g gulp

Troubleshoot build errors in AEM React

First lets follow the steps mentioned here..

Github Repo:

You either follow manual package installation as mentioned in chapter-0 or try using vscode like shown with video in below link

You will get some errors while building(Build failure for core)

1. download 0.1.10 jar file from

If not download 0.1.7 from below


2. Goto pom.xml in main folder and change like shown below..

3. Goto m2 folder(maven) in users directory and copy the downloaded jar into the directory shown below..


4. now run “mvn -PautoInstallPackage -Padobe-public clean install”. you will see the following screen like shown.

In case if you find anyother issues like component not loading, try clearing cache using


Any errors? check here..http://localhost:4502/system/console

You would be able to see ui.apps and ui.content packages got installed in http://localhost:4502/crx/packmgr/index.jsp

Finally, you can see your template loaded in your site..

In case unable to download any files from the links, download it here

Make sure, your package is active in system console.

Protected: General Interview Questions for FrontEnd Developer

This content is password protected. To view it please enter your password below: