One of the best things about the VS Code is there are lots of plugins available. Like me, If you’re also a web developer, you must need these extensions to maximize your coding ability.

1. Javascript (ES6) Code Snippets

This is my personal favorite extension, I like snippet extensions. As you know that writing the same piece of code will be frustrating, so having this kinda extension helps a lot. This extension gives snippets for popular ES6 JavaScript code. Find it here

Binary streaming is a collection of large amounts of binary data. Due to their large size, binary streams are not shipped together; break into small pieces before shipping.

When a data processing unit does not accept other data streams, the excess data is kept in a cache until the data processing unit is ready to receive more data.

Node.js servers usually require reading and writing in the file system and, of course, files are stored in binaries. Also, Node.js works with TCP streams, which protect recipients’ communications before sending binary data to small chunks.

The data streams sent to the recipient need to be buffer until the recipient is ready to take more pieces of data to be processed. This is where the temporary Node.js section operates — manages and stores binary data outside the V8 engine. …

QR codes aren’t liked by most of them but sometimes the requirement arises like you need to work with it. Actually remembering a lot of things made easier when you convert them into a QR code. For that you need to generate one, If you want to generate a QR code, for you, others, or for any of your clients then there’s a really good NPM that you can use node-qrcode. Let me show you the different ways and output formats that you can use to create a QR code.

First of all, install a library with the given command

yarn add…

Everyone wants to make a secure app, you’re also here for that only, right? Here I included some tips that I found while developing a React app. So I should that would be helpful to you also. Here are the tips.

1. XSS Protection with props data binding
2. Rendering HTML & Direct DOM Access
3. Server-side rendering
4. Never write dangerous URLs
5. Injecting JSON data
6. Vulnerable versions of React
7. Linters
8. Dangerous library code
9. Known vulnerabilities in dependencies

1. XSS protection with props data binding

Mainly you saw that you can bind your data with curly brackets ( {} ) in react and that will automatically escape the values. Thus you can get protection against XSS attacks. You need to know that it only protects when rendering textContent not when rendering HTML contents or attributes. You can use JSX data-binding syntax {} to place data in your elements. …

Technology plays a major role in our daily lives, from simple applications to highly innovative products. Every website or piece of software we come across is designed by a web developer — but before move on you might have a question in your mind that what the hack is web development, and what is a role or work of a web developer?

To the naked eye, it may seem like a complicated, confusing, and inaccessible field. …

Releasing a new product or an update can be stressful because you’re excited about your release but at the same time, you feel nervous about potential bugs or issues that can arise at any moment. To prepare yourself, you need to thoroughly test your application to ensure minimal to no problems with a product launch or at any point afterward as that would jeopardize your customers’ trust in you.

Testing can be either front-end or back-end or both, depending on your release. Testing is an integral part of the release process. Before we dive into the importance of front-end and back-end tests, let’s take a brief look at the two forms of testing: manual (where you do everything yourself) and automated (where you write code/scripts with tests that can run through a command or in a CI/CD process). …

In this article, I provide some tips that can optimize or I can say improve the performance of your react app. Many times we got so many components on the same screen and eventually, that will take a lot of time to render.

Mostly I use pagination or virtualization for most apps. Pagination provides a good user experience and that’s the most needed thing while developing an app, but what if you have a case where you need to render many components on the same screen plus not giving up on the UX and app’s performance. Check this preview of the app. …