Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Web Development Articles
Page 744 of 801
How to use calc() in tailwind CSS?
Many developers find it difficult to use the calc() function in Tailwind CSS, which limits their ability to create responsive and dynamic layouts. This article explains how to implement calc() effectively, improving design flexibility and precision. What is calc() in CSS? The CSS Calc() function allows you to perform calculations to determine CSS property values and perform arithmetic operations (addition, subtraction, multiplication, and division) directly within your CSS. Approaches For Calc() With Tailwind CSS Tailwind doesn't have built-in utilities for calc(), but you can still use it in different ways. Using Inline Styles ...
Read MoreWhat is prop drilling and how to avoid it?
Prop Drilling is a common mistake beginners make while building React apps. It can cause reduced code readability and even performance issues for the app. In this article, I will explain what are props, prop drilling, and how to avoid prop drilling using context APIs. Table of Content What are Props? Prop Drilling Why to Avoid Prop Drilling? Fix Prop Drilling With Context API Prerequisites Good knowledge of React, useState Hook, and useContext Hook. ...
Read MoreHow to parse JSON Data into React Table Component?
JSON files are used in APIs to transfer data from server to client in the form array. This transferred data needs to be displayed in the user interface, such as in tables or any other components. In this article, we will demonstrate how to display JSON data using a React Table. Prerequisites To display a JSON file in React.js, we need to have a basic understanding of the React.js library. Basic knowledge of React, useState Hook, and useEffect Hook. Ensure Node.js and React are installed on your system. ...
Read MoreHow to create an unique id in ReactJS?
Unique IDs are used to differentiate multiple elements from each other, maintain the internal state of components, or create a key for user data. In this article, we will explain all the approaches to creating unique IDs for a set of elements in React JS. Approaches to Create Unique ID in React JS Here is the list of approaches for creating unique IDs in React JS, which we will be discussing in this article with stepwise explanations and complete example codes. Using uuid Library Using Timestamps ...
Read MoreCreate Editable Table with add delete and search filter using ReactJS
Editable tables are useful for storing and modifying data directly within the user interface. In this article, we will show a step-by-step procedure to create a dynamic table in ReactJS with features like adding, updating, deleting, and search filter on entries. Prerequisites To create an editable table using React.js, we need to have a basic understanding of front-end development and the React.js library. Basic knowledge of React, useState Hook, and functional components. Ensure Node.js and React are installed on your system. Understanding of basic HTML table ...
Read MoreHow to Generate a Random Password using Ruby?
When we want to protect our online accounts or protect sensitive data, we use a strong password. Creating a secure, random password is a little complex but in Ruby, we can easily and quickly generate a random password. In this article, we are going to discuss how we can generate a random password using ruby, different approaches, example codes, and outputs. Generate a Random Password Using Ruby Using Ruby's rand Method Using the SecureRandom Module Custom Password Generator Since the code generates random passwords, ...
Read More100 Days of Web Development
This 100 Days of Web Development is a structured path to learning web development in 100 days. This study plan breaks down web development concepts into daily tasks, starting with HTML, CSS, and JavaScript and covering modern web frameworks, web security concepts, and full-stack deployment. So, if you want a complete overview of web development, read this article, and for a detailed overview on each topic, visit the attached hyperlinks. What is Web Development? Web development is the process of creating and maintaining websites on the Internet. It involves three parts: first front-end development, which focuses on ...
Read MoreHow to update Node.js and NPM to the latest version?
Having the latest Node.js and NPM is crucial as developers get to have access to the new features, security fixes, and improved performance. In those tools, you need to learn the following general steps in order to update them quickly This is the simplest guide to update those two tools. Why Update Node.js and NPM? Here are some reasons why you should update Node.js and NPM − Access New Features: Every one or two updates, new features and improvements make their ways into the software. Improved Security: Updates patch and other vulnerabilities in the environment so as to remove ...
Read MoreHow to setup 404 page in react routing?
Creating a 404 page is essential for any website to handle cases where a URL does not exist or may have been modified. To set up a 404 page in React, we’ll create a component to display whenever a 404 error occurs. Here’s how you can set up a PageNotFound component in React with react-router-dom. Prerequisites NPM & Node.js React React Router Approach for Setting Up a 404 Page in React Routing Adding a 404 page is crucial for improving the user experience by ...
Read MoreWhy is Tailwind CSS not working in Angular component SCSS files?
Tailwind CSS is a utility-first CSS framework that helps to simplify the styling process by using an enormous number of pre-defined classes that can be applied directly in HTML. However, when using it with Angular component SCSS files, sometimes issues occur, especially since Tailwind CSS is not designed to be imported into individual component styles by default. This article addresses key issues as to why Tailwind CSS doesn't work as it would in an Angular component SCSS file and proposes ways around the problems that can come with it. Table of Content There could be multiple reasons why Tailwind CSS ...
Read More