The chunks-webpack-plugin 

The chunks-webpack-plugin creates HTML files with entry points and chunks relations to serve your webpack bundles. It is suitable with multi-page applications that contain multiple entry points. Since webpack 4, SplitChunksPlugin offers the possibility to optimizes all chunks. It can be particularly powerful, because it means that chunks can be shared even between async and non-async chunks. See the Read More >>>>

HtmlWebpackPlugin

The HtmlWebpackPlugin simplifies creation of HTML files to serve your webpack bundles. This is especially useful for webpack bundles that include a hash in the filename which changes every compilation. You can either let the plugin generate an HTML file for you, supply your own template using lodash templates, or use your own loader. Actual Read More >>>>

What does webpack mean by XX hidden modules

Webpack hides modules coming from folders like [“node_modules”, “bower_components”, “jam”, “components”] in your console output by default. This helps you to focus on your modules instead on your dependencies. You can display them by using the –display-modules argument. $ webpack –display-modules Issue – configuration.resolve has an unknown property ‘root’. In webpack.config.js I had below under Read More >>>>

Tiny URL shortner

At first glance, each long URL and the corresponding alias form a key-value pair. In a certain sense, a URL shortener is a giant hash table, which maps integer values to full URL strings. The integer values are represented in the “shortened” URL by a short sequence of characters, which may encode this integer in Read More >>>>

Whatsapp-Basic-Features-of-a-chat-app.

Now, Let us take a good look at the inbuilt features offered by a comprehensive chat app: 1. Instant Messaging: This is the basis of your app’s success, and a basic feature of all chat apps. It operates largely through a user’s connection to the internet, and even when they go offline, users are able Read More >>>>

What is a WebSocket API?

According to MDN, the WebSocket API is an advanced technology that makes it possible to open a two-way interactive communication session between the user’s browser and a server. With the WebSocket API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply. At the same Read More >>>>

Ways to decrease page load (perceived or actual load time).

Minifying a file involves removing unnecessary formatting, whitespace, and code. Since every unnecessary piece of code adds to the size of your page, it’s important that you eliminate extra spaces, line breaks, and indentation. This ensures that your pages are as lean as possible. Combining files is exactly what it sounds like. If your site Read More >>>>

Differences between HTTP and HTTPS

HTTPS: Encrypted Connections The two are essentially the same, in that both of them refer to the same “hypertext transfer protocol” that enables requested web data to be presented on your screen. But, HTTPS is still slightly different, more advanced, and much more secure. Simply put, HTTPS protocol is an extension of HTTP. That “S” Read More >>>>

The critical rendering path (CRP)

The critical rendering path (CRP) looks at the sequence of steps the browser takes to receive HTML, CSS, and JavaScript bytes, as well as the techniques required to render the initial view of the web page. There are 6 stages to the CRP – Constructing the DOM Tree Constructing the CSSOM Tree Running JavaScript Creating Read More >>>>

What-happens-when-you-navigate-to-google

First of all your computer has to interpret the signals coming through from your keyboard—each key press closes a specific electrical circuit that tells your computer the letters and symbols you’re hitting. The computer polls for new inputs every 10 milliseconds or so. As soon as you click inside your browser’s address bar and press Read More >>>>

What happens when you navigate to an URL

This is a classical question in an interview. We can concatenate the topics all above in this theme: Do the DNS query first, it will offer the most suitable IP address with the intelligent DNS parsing. The following is the TCP handshake. The application layer will deliver the data to the transport layer where the Read More >>>>

Postman-checking-protected-routes-from-backend

How to get-the-token-in-postman-whenever-i-use-middleware-in-my-private-routes, so I can check from back-end that my secured authenticated routes ( secured with Passport.authenticate middleware) are all working for each of the protected routes So, I have this “/createtide”, route that only Logged-in users (having a valid token saved in browser’s localstorage) should be able to use and create new tides-data Read More >>>>