@lkioi

React Elements & JSX

Sep 8, 2023 · 4 min read · What you will learn by the end of this article: What a React Element is. How to create React Elements. What JSX is. Rules of JSX. Elements are the basic building blocks of React and a good understanding of them will help you understand how React wo...

DDevansh and 1 more commented

2

🥞 Creating Pancake Stack Layout Pattern

Jun 17, 2023 · 3 min read · A pancake stack or sticky footer layout is a pattern where the footer "sticks" to the bottom of the viewport when content is short and when content extends beyond the viewport, the footer sits at the bottom of the content. This layout pattern can be...

Debouncing while using React Query

Jun 9, 2023 · 3 min read · React Query is the most popular React library for managing async queries. It allows you to fetch data declaratively and handles caching and re-fetching of data. Debouncing will enable you to avoid making a query more times than necessary. For example...

How to fix Dart Lang Error: RangeError (index): Index out of range: no indices are valid: 0

May 25, 2023 · 1 min read · In C-like languages like JS, it's a common operation to assign a value to an array in a for loop at a given index using []. Like this: With Dart lang trying this: You get the error: RangeError (index): Index out of range: no indices are valid: 0 Th...

Reducing unnecessary re-renders with React.memo

Jul 16, 2022 · 3 min read · Let's begin by understanding what a render is. A render is when React calls the render function of a class component or calls a function component in order to get the React elements. Note that this is not actually making changes to the DOM. A compone...