When we work on a large-scale project managing bundle is became a common problem. The browser needs to load the whole bundle then render data. To solve this issue code-splitting works like a gem. Import(): Dynamic import load bundle when it needs to access. To separate it from the main bundle you can use import. React.lazy and Suspense: You can control your elements busing lazy. The lazy will make web apps faster. Mainly, when you need the app element lazy will bring that element only that time. If it takes time you can use suspense as preloader content. You can add text or HTML elements as suspense.

The most popular JavaScript tool is now React. And, How it keep its supremacy? I found some interesting reasons for that. I going to demonstrate it here. Component: React is all about components. For every single task, you can add components. We can create content in two ways class base…

JavaScript array Concat method used to marge two more arrays. This method does not change existing arrays. The same task we can do using spread syntax by destructuring arrays. Consider: Concat: let number1= ['one', 'two', 'three']; let number2 = ['four', 'five']; console.log(number1.concat(number2)); Expected Result: ["one","two","three","four","five" ] Spread: let number1= ['one'…

Whenever I try to make something using JavaScript, I have to use some of those methods. I am going to demonstrate the most used JS array methods. concat: Concat method marge two arrays and produce a new array. Remember it doesn't replace the existing arrays. every: Every method returns a…

As a beginner, I was always curious about React. As it is the most popular JavaScript framework. Before starting to react, on some topics you must have a good idea on it. I hope it will help a beginner to continue his journey. I am demonstrating those below. Variable: It…