React Hooks
The useContext hook in React allows you to access the context of a parent component within a child component, without the need for prop drilling. This is particularly useful for sharing data or state between components that are not directly related in the component tree. Let’s explore a couple
PNPM
The acronym for “Performant NPM” is PNPM. It is a JavaScript package manager that is quick, effective, and low on disk space. With speed gains and a fresh take on dependency management, PNPM seeks to be a drop-in replacement for NPM. It does this by storing all of your dependencies
AI
One year ago, the internet was abuzz with a viral video of Will Smith eating spaghetti. It was clear to most that the video was fake, and it became a source of humor rather than concern. Fast forward to 2024, and the advancements in generative AI have taken a significant
JavaScript
This post is a continuation of my previous post for “Top Javascript Coding Round Questions For Beginners”. This is part 2 of this series and will talk about some more important javascript interview questions for the coding round and provide the working code example and explanation. Through these posts, my
Developer
In software development, developers play a key role in creating the software product or service. So, it’s very important to understand the difference between a good developer and a bad developer. This may help you to understand where you are staying. So let’s get started with today’s
Golang optimization
Logging is an essential aspect of software development, aiding in debugging, monitoring, and understanding the flow of an application. In Golang, effective logging practices can significantly enhance performance and streamline debugging processes. This article explores techniques to optimize logging in Golang, leveraging its native logging capabilities. {.gif} Introduction to Golang
React
Building real-world applications in React involves leveraging the capabilities of the React library and integrating it with other tools and technologies to create interactive, dynamic, and scalable web applications. Here’s a step-by-step guide on how to go about building real-world applications in React: 1. Setup Your Development Environment: * Make
Javascript Software Architecture
SOLID is an acronym that represents five fundamental principles of object-oriented design and programming. These principles aim to create maintainable, extensible, and testable software systems. The SOLID principles are: {{< gallery dir=“pdf/javascript-solid-principles” class=“” height=“400” width=“400” webp=“true” command=“Fit” option=“” zoomable=“true” >}} 1. Single Responsibility
Fastapi
Web browsers provide built-in methods and objects known as JavaScript web APIs (Application Programming Interfaces). These objects and methods interface with different parts of the browser’s functionality and web page manipulation by JavaScript. {{< gallery dir=“pdf/javascript-web-apis” class=“” height=“400” width=“400” webp=“true” command=“Fit” option=“” zoomable=
React
Certainly! The useReducer hook is another important React Hook that is used for managing complex state logic in functional components. While the useState hook is great for managing simple state, useReducer is a more suitable choice when you have more advanced state management needs, such as when state transitions become
React
React.js has revolutionized front-end development by providing a powerful and efficient way to build user interfaces. However, as your React application grows in complexity, maintaining clean, readable, and maintainable code becomes crucial. In this guide, we’ll explore best practices for writing clean React.js code that not only
JavaScript
In the world of web development, interactivity is paramount. The ability to create responsive and engaging web applications is a hallmark of a successful web developer. One of the core aspects of building interactive web applications is event handling. JavaScript, as the language of the web, provides powerful mechanisms for