How to set up a WebSocket connection with Node.js and React.js?
Understanding Real-time communication with React and WebSocket
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
Bun vs. Node.js
We'll go over the new Bun runtime that has created a buzz in the tech space lately.
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.
Creating responsive tooltips in React with react-tooltip
We'll explore how to create a custom tooltip component in a React application, as well as integrating the react-tooltip library.
How Next.js Redirects Work
We'll examine the concept of URL redirection in Next.js and how redirects work.
What is Vite? & Vite vs Webpack
We will explore what is Vite.js and compare it to Webpack.
git diff - Comparing Changes in Git
We'll explore Git's 'git diff' which helps you track changes throughout your working directory, commits, and branches.
React Hook Form vs Formik - Comparing the most popular React form libraries
This article will compare React Hook Form and Formik by highlighting their strengths and weaknesses.