Leonard Kioi Kinyanjui

@lkioi

React · NextJS · Typescript

Joined November 2021

About

I am a Frontend Software Engineer at Microsoft working on the Search Results Page on office.com and sharepoint.com. Typescript, React, NextJS, and low-code or no-code solutions are my favorite tools.

Available for

Nothing here yet.

Leonard Kioi Kinyanjui's blogs

Learn & Buildlkioi.hashnode.dev12 posts

Articles Comments

Recently published

LKLeonard Kioi Kinyanjuilkioi.hashnode.devSep 8, 2023 · 4 min read

React Elements & JSX

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...

0

LKLeonard Kioi Kinyanjuilkioi.hashnode.devJun 17, 2023 · 3 min read

🥞 Creating Pancake Stack Layout Pattern

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...

2

D

LKLeonard Kioi Kinyanjuilkioi.hashnode.devJun 9, 2023 · 3 min read

Debouncing while using React Query

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...

0

LKLeonard Kioi Kinyanjuilkioi.hashnode.devMay 25, 2023 · 1 min read

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

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...

0

LKLeonard Kioi Kinyanjuilkioi.hashnode.devJul 16, 2022 · 3 min read

Reducing unnecessary re-renders with React.memo

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...

0

Leonard Kioi Kinyanjui

About

Available for

Leonard Kioi Kinyanjui's blogs

Recently published

React Elements & JSX

🥞 Creating Pancake Stack Layout Pattern

Debouncing while using React Query

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

Reducing unnecessary re-renders with React.memo

Search Hashnode

Leonard Kioi Kinyanjui

About

Available for

Leonard Kioi Kinyanjui's blogs

Recently published

React Elements & JSX

🥞 Creating Pancake Stack Layout Pattern

Debouncing while using React Query

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

Reducing unnecessary re-renders with React.memo