Using Heroicons with TailwindCSS
In this post, we see how to use Heroicons with TailwindCSS.
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
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.
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.