React Elements & JSXWhat 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...Sep 8, 2023 · 4 min readlkioi.hashnode.dev
🥞 Creating Pancake Stack Layout PatternA 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...2DJun 17, 2023 · 3 min readlkioi.hashnode.dev
Debouncing while using React QueryReact 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...Jun 9, 2023 · 3 min readlkioi.hashnode.dev
How to fix Dart Lang Error: RangeError (index): Index out of range: no indices are valid: 0In 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...May 25, 2023 · 1 min readlkioi.hashnode.dev
Reducing unnecessary re-renders with React.memoLet'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...Jul 16, 2022 · 3 min readlkioi.hashnode.dev