Fatemeh Paghar articles - 45 total
useTransition in React: Building a High-Performance Search for 50K Record Case Study
Introduction When building modern web applications, ensuring smooth user interactions is...
Remove Duplicates Ways from an Array in Javascript
Duplicate elements can be a nuisance when working with arrays in JavaScript. They not only clutter...
Object Iteration ways in JavaScript
JavaScript, being a versatile language, offers several ways to iterate over objects. In this article,...
React Component Design Patterns - Part 2
5. State reducer pattern The State Reducer Pattern in React is a design pattern used to...
React Component Design Patterns - Part 1
React design patterns are established practices and solutions that developers utilize to address...
Manipulate Complex API Data Sample In React
The TimeLine repository serves as a demonstration of manipulating complex API data in a React...
Sort an Array of Objects Ways in JavaScript
Sorting arrays of objects in JavaScript is a fundamental task for developers working with complex...
Meme Generator Sample With React
The Memo repository is a Meme Generator sample built with React, designed to enable users to generate...
Sample Search Page with React, Next.js, Tailwind, and Libraries.io API
This sample search page is a demonstration of modern web development techniques utilizing popular...
JavaScript Template Literals
Template literals, introduced in ECMAScript 6 (ES6), are a way to work with strings more efficiently...
Dynamic Community Landing Page with Next.js, React, Tailwind, and Strapi - Download Free
This repository hosts a dynamic community landing page built using modern web technologies including...
Copy Objects Ways in JavaScript
To copy objects in JavaScript, you typically have three options: using the assignment operator (=)...
A Deep Dive into React 19 Update
React 19 ushers in a wave of transformative features designed to elevate the developer experience,...
ER Diagram Sample for Ecommerce Project
Entity-Relationship Diagram (ERD) An ERD is a visual representation of the data model that...
Combining Dynamic Breakpoints and Container Queries in Tailwind CSS
Dynamic breakpoints and Container Queries Dynamic breakpoints and Container Queries are...
Deep in Javascript DOM Traversal 2
Get the Children of an Element In JavaScript, you can retrieve the child elements of a...
Deep in Javascript DOM Traversal 1
JavaScript DOM Traversal is the act of navigating through the Document Object Model (DOM) using...
Get and Set the Scroll Position of an Element with React Hook
In React, you can set and get the scroll position of an element using the scrollTop property for...
How to check if an element is visible in the viewport using JavaScript and React Hook.
In web development, it's common to determine if an element is currently visible within the viewport,...
Optimizing Responsive Images for Enhanced Page Loading
Creating visually appealing and efficient web pages requires careful consideration of how images are...
React-TypeScript Design Pattern 3 - Creational Design Patterns - Prototype, Singleton
Design Pattern - Prototype One way to generate new objects by copying old ones is the...
🎉 Iconsans - +320 Free Icons for your next project
Iconsans is a collection of over 320 free icons designed for use in your next project. This package...
React Dropzone: A Thorough Introduction
The uploading of files is a common feature found in most web applications, and drag and drop...
React-TypeScript Design Pattern 2 - Creational Design Patterns - Builder
Design Pattern - Builder One useful technique for managing the production of complicated...
10 of the most useful websites on the internet that you’ve likely never heard
tldv.io Record meetings for free with our Zoom app or Google Meet Chrome Extension....
React-TypeScript Design Pattern 1 - Creational Design Patterns - Factory
In the "Design Pattern List" Post, you can find a categorized list of design patterns in software...
Free Tailwind Components Collections(sample)
Table of Contents Accordion Alert/Notification Avatar Badge Breadcrumb Button Call...
6 useful resources for Front-end developer
Daily. dev It is a browser extension and a web app that helps developers stay updated on the latest...
25 HR Interview Questions for developer with sample
1-Tell me about your self I have been experincing in programming aroud 10 years, The last...
Micro Frontend Architecture
Micro Frontend Architecture One of the most prominent developments in the front-end world...