Refine.new - Technical Architecture and Engineering Decisions Explored Part - 1
We'll discuss the technical architecture, key-concepts, and engineering design decisions made during the development process of Refine.new.
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.
Featured Posts
Refine Investment Announcement
We're excited to share that Refine has successfully closed a $2.8M seed round.
Low Code Limitations - Exploring the Risk of Vendor Lock-In
We discuss the limitations and risks associated with low-code platforms and how to avoid getting stuck with one vendor.
Building a React Admin Panel with Refine and daisyUI
We'll build a simple React admin panel using Refine and daisyUI.
React-admin vs Refine - Which React Framework is Best for B2B Apps?
We'll compare the architectural structures of two web development frameworks - Refine and React-admin.
Building a React Admin Panel with PrimeReact and Refine
We'll build a simple React admin Panel using Refine and PrimeReact.
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.
How to Use JavaScript Slice Method
JavaScript Slice method implementation on Array and Strings with examples