A Complete Human Resources (HR) App Built with Refine
The Refine HR App showcases how to build efficient, enterprise-grade HR management solutions using Refine.js and modern technologies.
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
esbuild - Next-generation JavaScript bundler
The advantages of using esbuild and how to use it in your project.
How to implement a date picker in React
We’ll show you how to implement a date picker using the ‘react-datepicker’ library and how to customize the functionality for your use case.
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.
Dictionaries in TypeScript - How to Ensure Type Safety
This post is provides a guide on how to ensure type safety to dictionaries with TypeScript.
How to Use Nodemon to Automatically Restart Node.js Applications
This guide shows you how to install and use Nodemon to streamline your development process.
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.
4 Ways to Generate UUIDs in Node.js
We'll explore how UUIDs work in Node.js and how they can help keep data distinct and make your projects easier to scale.
Building components with Radix UI
This post explains with examples how the keyof operator is used to define advanced types in TypeScript.
Essentials of Managing Form State with React Hook Form
This post covers the essentials of form state management with React Hook Form library.
Create charts using Recharts
We'll explore how to create charts in a Refine project using Recharts.
Tailwind Animations with Examples
Understanding the cleanup function of the useEffect hook in React. Learn how to clean up side effects in React components to prevent memory leaks and improve performance.