Nextjs image optimization with examples
Built-in image optimization using the next image component
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
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.
Top 6 Free Online Code Editors and IDEs with Pros and Cons
We'll compare the best online IDEs and code editors for web development. We'll also look at the pros and cons of each.
Beginner's Guide to React useId Hook
We'll explore the React useId hook, its use cases, and how it can improve our development process.
