Using Heroicons with TailwindCSS
In this post, we see how to use Heroicons with TailwindCSS.
Abdullah Numan
Fullstack Developer
Posts
Tailwind Flex for Responsive React Components
This post is about how to use TailwindCSS Flex classes effectively to implement responsive components in React.
Building a React Admin Panel with refine and daisyUI
We'll build a simple React admin panel using refine and daisyUI.
TypeScript Decorators in Brief
We'll explore four main types of TypeScript Decorators with examples from a class that resembles those in typical class based TypeScript libraries.
TypeScript Record Type with Examples
We'll explore TypeScript Record type with examples.
A Detailed Guide on TypeScript Enum with Examples
We'll explore TypeScript Enums with examples.
Adding PDF Renderer
We are going to add PDF renderer to our PDF Invoice Generator app that we have been building last few days. This is also where we summarize our accomplishments and wrap up the series.
Creating Mission and Invoice Pages
We add more CRUD views to the Pdf Invoice Generator app we have been building using refine and Strapi last few days.
Adding CRUD Pages
We'll be adding CRUD pages for Company, Client and Contact resources in this post.
Setting Up the Invoicer App
We start with setting up the Invoicer app by choosing Ant Design as a UI framework and Strapi as a dataprovider
Pilot & refine architecture
We'll be taking a look at the architecture of refine and how week of refineWeek series will be structured.
Audit Log With refine
We'll apply refine's built-in audit logging functionality
Implementing Role Based Access Control
We'll implement Role Based Access Control (RBAC)
Creating an Admin Dashboard with refine
We'll be building a admin backend app for the Pixels client app.
Adding Realtime Collaboration
We'll implement realtime broadcast and subscription of pixels updates in Pixels app.
Adding CRUD Actions and Authentication
We'll initialize our Pixels app using refine and get familiar with the boilerplate code to be created with the create refine-app CLI tool.
Setting Up the Client App
We'll initialize our Pixels app using refine and get familiar with the boilerplate code to be created with the create refine-app CLI tool.
Pilot & refine architecture
We'll be taking a look at the architecture of refine and how week of refine series will be structured.
Error Handling With try, catch and finally Blocks in JavaScript
We'll see how to handle errors in JavaScript using the try/catch/finally blocks.
How to use JavaScript Ternary Operator?
In this post, we expound on with examples of what the JavaScript ternary operator is, how it works.
A Definitive guide on JavaScript every() Method
In this post, we expound on with examples of what the JavaScript every method is, how it works.
How to Use JavaScript Array some
JavaScript some method implementation on Array with examples
How to Use Tailwind CSS Grid
We look at how to implement responsive layouts with CSS Grid using TailwindCSS Grid classes.
How to Use JavaScript Slice Method
JavaScript Slice method implementation on Array and Strings with examples
How to use TypeScript Partial Type?
We'll explain the TypeScript Partial utility type with examples
A Guide on TypeScript Omit Type
We'll dive into the TypeScript Omit utility type with examples
A Detailed Guide on TypeScript Pick Type
We'll deep dive into the TypeScript Pick utility type with examples and use cases.
Memoization in React - How useCallback Works
Improve the APP performance with React useCallback() hook
React useMemo hook guide with examples
Improve the React app performance with useMemo() hook
Javascript Currying - Variadic Currying
Deep dive into variadic currying in JavaScript with examples
refine is a React-based framework for the rapid development of web applications. It eliminates the repetitive tasks demanded by CRUD operations and provides industry standard solutions.
Product
Contact
Refine Development Inc.
256 Chapman Road STE 105-4
Newark, DE 19702
info@refine.dev256 Chapman Road STE 105-4
Newark, DE 19702