Kasra Khosravi Founder at FeedbackOnSite.co.

Stories by Kasra Khosravi

Building A Resizable React Component Using Custom React Hooks

Building a resizable React component using custom React Hooks

Dev

Use custom React Hooks like `useGlobalEvent` and the `resize` event to build a simple, resizable React component.

Kasra Khosravi
Aug 24, 2023 ⋅ 8 min read
Web Components Vs. React

Web components vs. React

Dev

In this post, we will cover types of components, libraries provided for styling in React and web components, and their accessibility.

Kasra Khosravi
Mar 7, 2023 ⋅ 12 min read
Redux Immutable Update Patterns

Redux immutable update patterns

Dev

Explore Redux, covering why immutable updates are important and how to handle tricky updates in nested objects.

Kasra Khosravi
Dec 16, 2021 ⋅ 9 min read
Options Caching React

Options for optimizing caching in React

Dev

The biggest challenge regarding React is avoiding unnecessary renders, which cause major performance issues in applications. Avoid the problem with solutions for cache management.

Kasra Khosravi
Nov 22, 2021 ⋅ 6 min read
React ReReselect

React re-reselect: Better memoization and cache management

Dev

Improve your React application’s components and reduce unnecessary re-rendering with re-reselect, a lightweight wrapper for Reselect.

Kasra Khosravi
Oct 18, 2021 ⋅ 5 min read
Optimize Re rendering React Tracked

React Tracked: Manage state and prevent excessive re-rendering

Dev

Explore React Tracked, a library for state usage tracking, and optimize your application by eliminating unnecessary re-renders.

Kasra Khosravi
Sep 23, 2021 ⋅ 3 min read

Create a custom tooltip component in Vue

Dev

Provide information to users without cluttering your UI by creating a tooltip component in Vue. Build a tooltip from scratch and with Vuetify and BootstrapVue.

Kasra Khosravi
Sep 9, 2021 ⋅ 5 min read
Draggable Components React Draggable

Create draggable components with React-Draggable

Dev

Use the React-Draggable library to add movement to components in your application, benefitting the visual interest and organization of your UI.

Kasra Khosravi
Sep 6, 2021 ⋅ 7 min read
Pagination Component React Tailwind

Pagination components with React and Tailwind CSS

Dev

Use React and Tailwind CSS to create two different types of pagination components that use navigation buttons and a numbered list.

Kasra Khosravi
Aug 16, 2021 ⋅ 5 min read
Create Performant Virtualized Lists Vue

Create a performant virtual scrolling list in Vue.js 

Dev

Improve your UX and decrease performance lagging by rendering a virtual scroll list in Vue.js with the vue-virtual-scroll-list library.

Kasra Khosravi
Aug 4, 2021 ⋅ 4 min read
Build High Performance Forms React Final Form

React Final Form: A library for more performant forms

Dev

Compare React Final Form to Formik, two form management solutions, in terms of community size, dependencies, and performance.

Kasra Khosravi
Jul 15, 2021 ⋅ 4 min read
Create React App Atomic Layout

Upgrade your CSS layouts with Atomic Layout 

Dev

Easily create reusable layout units using the Atomic Layout, a new React-based library that uses styled-components.

Kasra Khosravi
Jun 8, 2021 ⋅ 5 min read