CSS Grid vs Flexbox - A brief guide
In this brief guide, we compare some concepts of the two most popular CSS layout methods - Grid and Flexbox.
Refine Technical Blog
A resource for Refine, front-end ecosystem, and web development. Here, we publish insightful articles that demystify complex concepts, explore new trends, and provide helpful tips to enhance your coding journey.
All Posts
Ref Forwarding with React forwardRef
We discuss in detail how ref forwarding with React forwardRef works.
A Guide for Next.js with TypeScript
We will explain the entire process of how to use Next.js in TypeScript
Nextjs image optimization with examples
Built-in image optimization using the next image component
Creating testable React applications with Playwright
We'll take a look at how to create testable React applications with Playwright.
Introduction to Next.js Link component with examples
A guide for navigation between pages using Next.js Link
React useReducer Hook - The Basics
This post is about the useReducer() hook in React. We demonstrate with examples how to use it for action based state updates and discuss some safe practices.
Javascript Currying - Variadic Currying
Deep dive into variadic currying in JavaScript with examples
Using Google Lighthouse to improve app performance
Learn how to use the Google Chrome Lighthouse performance audit tool to identify and improve problems with your app.
5 Most Common useState Mistakes React Developers Often Make
Find out what the five most common mistakes React developers make with useState and how to avoid them.
Material UI Grid System in React
We'll discover the Material UI Grid system with React examples
Form Schema Validation with Zod and React Hook Form
We'll explore how to use Zod schema validation with React Hook Form in a TypeScript based React application.