Jsx is a syntax extension to Javascript which is widely used in writing React code.In this article, we will explore some concepts around Jsx like : What is Jsx and how to use it Example of a Jsx expression What happens with Jsx behind the scenes in React Jsx is an advanced and more efficient way of writing code, which enables us to write HTML-like syntax with javascript in React . Let's take … [Read more...]
Full-Stack Web Development: A Step-by-Step Guide
In today's digital age, websites have become an essential part of our lives, and with it, the demand for full-stack web developers is growing rapidly. As a full-stack web developer, you will be responsible for building websites and applications from scratch, handling both the front-end and back-end development processes. In this article, we'll guide you through the step-by-step process of becoming … [Read more...]
CSS Positioning Property: All you need to know!
⏰ I'd like to take you back in timeI was the guy who used to enjoy using CSS to make websites look nice until the day I accidentally step on the position property of CSS. Back in the day, When I first started using CSS, I used to really dislike the position property. When it comes to placing things on the website, I often used to struggle. Moreover, there were situations when the top, … [Read more...]
Demystifying State Management in React
A crucial component of creating dynamic and interactive user interfaces is React state management. The internal data that is utilized to render and update the user interface is referred to as "state" in React. For React apps to be scalable and maintainable, proper state management is crucial.Component state is one method of managing state in React. To manage the data that is unique to each … [Read more...]
Framework vs Library
When it comes to understanding the difference between a framework and a library, many people assume that a framework is simply a collection of libraries. While this is partly true, there are some fundamental differences between the two that go beyond just the fact that a framework may include libraries. In this blog post, we'll explore the nuances between a framework and a library, so that you can … [Read more...]
Difference between Frameworks and Libraries
When it comes to understanding the difference between a framework and a library, many people assume that a framework is simply a collection of libraries. While this is partly true, there are some fundamental differences between the two that go beyond just the fact that a framework may include libraries. In this blog post, we'll explore the nuances between a framework and a library, so that you can … [Read more...]
Serverless functions in Next.js
by Ikeh AkinyemiIn this tutorial, Next.js developers will learn another feature of Next.js — serverless functions. Throughout the article, we'll discuss Next.js page routes and dynamic routes and later build on the knowledge to learn about Next.js SPA and dynamic API routes. Next.js is a popular JavaScript framework for building server-rendered, single-page applications (SPAs) and static sites. It … [Read more...]
How to Build Offline Web Applications
With the increasing prevalence of mobile devices and unreliable network connections, it’s more important than ever to ensure that web applications can function even when a user is offline.Additionally, users expect web applications to be reliable and fast, with minimal downtime and interruptions. One way to achieve this is by building Progressive Web Applications (PWAs), web applications that can … [Read more...]
Simulating setState: A Hands-On Guide to React’s Inner Workings
React has captured the attention of many developers, including myself, and for curious individuals like myself, it’s natural to delve deeper into the creation of this “timeless way of building user interfaces.”Understanding the workings of setState in React is crucial for developers of all skill levels to improve their knowledge and understanding of the framework. This article will guide you … [Read more...]
How a silly auth error took my whole day.
Hello Everyone! We all know how hard and stressful debugging can get sometimes, especially when you have a small bug in your codebase.We try to get through the code multiple times, testing it and running it again and again and sometimes even without making any changes to the code but feels like we're on a dead end and that's when we see a small silly error like wrong variable name or a missing … [Read more...]
Resizing Elements with Confidence: How to Fix ResizeObserver API
The ResizeObserver API is a relatively new feature in JavaScript that allows developers to detect changes in the size of an element on a web page. This can be incredibly useful for creating responsive designs and optimizing the performance of your website. However, the API may not be intuitive oh how best to use it in modern frameworks like React.In this post, we'll take a closer look at the … [Read more...]
A short introduction to web development
When you visit any website then do you feel like you want to create the same or do you think about how these websites actually work? if your answer is yes then web development is the field made for you. Web development is currently the fastest-growing field in the world right now and also there are many job opportunities available in the field. As per the U.S. Bureau of Labor Statistics, the … [Read more...]
Personal thoughts and journey of a aspiring web developer
Hey.Myself Kishor Kunal Glad to have you here and I don't even know whether this blog will be cool enough to study or not because this one is my first blog and the plus point is my bad English hehe.. but I'll surely try to cover most of my thoughts and ups and downs that came along with me in this journey of an aspiring web developer. Well anyway, let's begin now I am from Bihar, India and there … [Read more...]
Personal thoughts and journey of a web development aspirant.
Hey.Myself Kishor Kunal Glad to have you here and I don't even know whether this blog will be cool enough to study or not because this one is my first blog and the plus point is my bad English hehe.. but I'll surely try to cover most of my thoughts and ups and downs that came along with me in this journey of an aspiring web developer. Well anyway, let's begin now I am from Bihar, India and there … [Read more...]
HTML Element
HTML (Hypertext Markup Language) is the standard markup language for creating web pages. It provides a set of predefined elements, each with its specific purpose, to structure and present content on a web page. In this article, we'll take a closer look at HTML elements and how they're used. What are HTML elements? HTML elements are the building blocks of web pages. They define the structure and … [Read more...]
Flex Box (CSS)
It is a one-dimensional layout method for arranging items in rows or columns. Items flex (expand) to fill additional space or shrink to fit into smaller spaces. This article explains all the fundamentals. 1. The Flex Container The flex container is the parent element that contains the flex items. It has various properties that allow designers to define the layout's direction, spacing, alignment, … [Read more...]
Master the Fundamentals: Closures, Hoisting, and Scope in JavaScript
JavaScript is one of the most widely used programming languages in the world, and for good reason. Its versatility and flexibility make it the perfect choice for a wide range of web development projects. As I'm still learning to become a professional web developer, I've come across several important concepts that play a critical role in writing clean, maintainable code in JavaScript. One of these … [Read more...]
Why does Console return “undefined” on executing the log method ?
You've probably noticed some strange behavior if you've ever used console.log() in the browser. that you get "undefined" after printing the expected value to the console. Have you ever wondered why the console displays "undefined" as a result? Allow me to explain The fact that a function returns a value to the caller is at the heart of the problem. The log is a method in Console.log() that outputs … [Read more...]
Javascript Vs Typescript 🤯
Do you prefer javascript or typescript?Well, today there is a huge debate among people whether one should go for javascript or typescript, everyone has their own opinions on this discussion, let's have a look at what exactly should be preferred. Understanding these terms Before going forward, let's have a slight insight into what is javascript and what is typescript. Javascript : Every time a web … [Read more...]
Testing the styles of DOM elements with React Testing Library
Sometimes -or often, depending on the case- we need to test some particular style that can change depending on some property. The way this is implemented depends on the library we use for the styling.Supposing that we have some text, inside a component, that depending on the prop it's white or black. In the DOM, it will reflect this way. However, especially as it's not a fixed element, we should … [Read more...]
- « Previous Page
- 1
- …
- 586
- 587
- 588
- 589
- 590
- …
- 610
- Next Page »