A step-by-step introduction into the world of bundling JavaScript apps. — Webpack is one of the most famous bundlers out there with rollup. You might be using it without even knowing it, for example, create-react-app uses webpack to bundle all its dependencies. It helps developers focus on the development and handles bundling all the assets, modules and dependencies into a single…

Introduction to the world of custom Vue.js directives — One difference I really like about Vue.js over React is the ability to create my own custom directives. Plus I have the ability to register them at the app level or in a component’s scope. *Note: it would be nice if you have a basic understanding of Vue.js lifecycle hooks …

Check whether an event is triggered by a human or by a script. — So I have been trying to buy a pair of Air Jordan 1’s for more than a month now, but they would be sold out within the first 30 seconds of the restock. To be honest, if it was a fair fight I would have accepted it, but then going…

What are IIFEs? IIFEs or Immediately Invoked Function Expressions are functions that get invoked the moment they are defined. — Immediately Invoked Function Expression, you are using them without knowing IIFE are what you call Immediately Invoked Function Expressions, is a function that gets invoked the moment is defined. It’s also a pattern known as the Self-Executing Anonymous Function. A basic IIFE looks like

Create dynamic component templates — If you ever have used any design-system library, there is a common component each of them provides related to Typography. It would provide a prop where you define the tag line as or variant. And the next thing you see is it renders the element you defined in the prop. …

Show-off your skills in a tasteful manner — Coding assignments are becoming more common when applying for jobs as the first round to filter out potential candidates. They are a great way for the candidate to show their coding skills, but more importantly the thinking process while working on an actual real-world problem. …

Write better and clean code — When we start learning a new language, the operators are something which is kinda standard syntax like for and( &&), or (||), less than (=<), and so on. But the world of JavaScript has evolved post ES6, more than just your comparison operators. There are some useful operators, which can…

This is a process according to me, that can be used to design large scale apps using React.

State Management which is more like React — State management has become a core part of any application development. The container pattern, helps us create a single source of truth for all the app’s data. Redux and MobX are the go-to state management libraries when it comes to React. …