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
Using React Hot Toast as a Notification Provider for CRUD apps
We'll introduce create a custom notification provider using the react-hot-toast library.
Using Heroicons with TailwindCSS
In this post, we see how to use Heroicons with TailwindCSS.
Tailwind Flex for Responsive React Components
This post is about how to use TailwindCSS Flex classes effectively to implement responsive components in React.
Creating Polished Content with React Markdown
We will explore the process of integrating the markdown editor into a Refine application
How to set up a WebSocket connection with Node.js and React.js?
Understanding Real-time communication with React and WebSocket
Zsh and Bash
We'll explore the unique features of these tools and their similarities and differences.
Bun vs. Node.js
We'll go over the new Bun runtime that has created a buzz in the tech space lately.
Beginner's Guide to React Query
We'll be looking at the basics of React Query, how to use it, and why you should use it.
How to create a notification provider with react-toastify
We'll create a custom notification provider in a Refine application using react-toastify.
A Guide to Using the useLayoutEffect Hook in React
We'll explore the useLayoutEffect hook in-depth, how it differs from useEffect and learn how to properly leverage its capabilities to enhance the user experience.
Next.js 13.4's Server Actions and Data Fetching
We'll delve into the Next.js alpha feature Server actions and data fetching techniques.
A Comprehensive Guide of React Unit Testing
We'll learn how to unit test our component down to hooks and Context.