How to use React Fragments?
We'll cover what React Fragments are, differences between React Fragments and Div elements.
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
Build a Progressive Web App (PWA) with Next.js
We will walk you through the entire process of building a PWA using Next.JS and Refine framework, from start to finish!
Creating a React search bar and content filtering components
Article about how to create Search bar and filter component in React
Redirect in React Router V6 with useNavigate hook
We'll discover how to perform a redirect using useNavigate in React Router V6
NextAuth - Google And GitHub Authentications for Nextjs
How to implement Google and GitHub authentications using NextAuth.js in Next.js?
Temporal API - A new approach to managing Date and Time in JS
Are we saying goodbye to the JavaScript Date object? Use the Temporal API to manipulate date and time objects in JavaScript.
Framer Motion React Animations
We'll walk you through the features and functionalities of Framer Motion.
Redirect in React Router V6 with Navigate Component
We'll see how to redirect using Navigate Component in React Router V6
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.
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