We'll explore how to create two dimensional layouts using CSS Grid.

We discuss in detail how ref forwarding with React forwardRef works.

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.

Deep dive into variadic currying in JavaScript with examples

We'll explore how to use Zod schema validation with React Hook Form in a TypeScript based React application.

This post is provides a guide on how to ensure type safety to dictionaries with TypeScript.

This post explains with examples how the keyof operator is used to define advanced types in TypeScript.

This post covers the essentials of form state management with React Hook Form library.

We demonstrate how to integrate Shadcn UI components to build a collection of components and pages within a Refine app.

Internal tools are specialized software applications used by a company's back-office departments.

This post provides an in-depth guide on how to derive mapped types in TypeScript.

We expound with examples what the JavaScript every method is, how it works and when to use it.

JavaScript some method implementation on Array with examples

JavaScript Slice method implementation on Array and Strings with examples

We'll see how to handle errors in JavaScript using the try/catch/finally blocks.

Improve app performance with React useCallback() hook.

We expound on the use of JS Ternary Operator with examples of what it is, how it works and discuss the best practices.

Improve React app performance with the useMemo() hook.

Improve app performance with React.memo().

This post depicts a general picture of where web development is headed in 2024 with a focus on the Node.js/React ecosystem - and provides an inside-out report on how Refine.js is starting to make an impact as a React-based meta-framework.

This post quickly explores how to apply statically typed, atomic CSS styles to React components with Stylex APIs in a Next.js application.

This post provides an insightful comparison and contrast between TypeScript and its ECMA standardized forerunner, JavaScript.

TypeScript classes are a superset of JavaScript classes. This post covers the fundamentals of type annotations in TypeScript Classes and their associated quirks.

TypeScript classes are a superset of JavaScript classes. This post covers the fundamentals of type annotations in TypeScript Classes and their associated quirks.

We'll learn how to use JavaScript substring method to extract substrings from a parent string.

This post is about various uses of the splice() method in JavaScript.

In this post, we see how to use Heroicons with TailwindCSS.

This post is about how to use TailwindCSS Flex classes effectively to implement responsive components in React.

We'll build a simple React admin panel using Refine and daisyUI.

We'll explore four main types of TypeScript Decorators with examples from a class that resembles those in typical class based TypeScript libraries.

We'll explore TypeScript Record type with examples.

We'll explore TypeScript Enums with examples.

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.

We add more CRUD views to the Pdf Invoice Generator app we have been building using Refine and Strapi last few days.

We'll be adding CRUD pages for Company, Client and Contact resources in this post.

We start with setting up the Invoicer app by choosing Ant Design as a UI framework and Strapi as a dataprovider

We'll be taking a look at the architecture of Refine and how week of RefineWeek series will be structured.

We'll apply Refine's built-in audit logging functionality

We'll implement Role Based Access Control (RBAC)

We'll be building a admin backend app for the Pixels client app.

We'll implement realtime broadcast and subscription of pixels updates in Pixels 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.

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.

We'll be taking a look at the architecture of Refine and how week of Refine series will be structured.

We look at how to implement responsive layouts with CSS Grid using TailwindCSS Grid classes.

We'll explain the TypeScript Partial utility type with examples

We'll dive into the TypeScript Omit utility type with examples

We'll deep dive into the TypeScript Pick utility type with examples and use cases.