All Posts: Page 15

In this tutorial, I'll show you how to easily create a responsive navbar layout in react using tailwindcss and DaisyUI

There are many ways to create modals in react. In this tutorial, we're gonna show you how to create a responsive modal using DaisyUI that works for both mobile and desktop.

Daisy UI is usually setup using npm and is already packaged in a production css. But sometimes we just want a quick setup using the cdn without any dependencies.

How to load dynamic languages for Prism.js in a NextJS app if your data comes from the simple EditorJS code plugin. Dynamically highlight syntax for any language supported by Prism.js

EditorJS is a great rich text editor in 2022. However there are many issues with just setting it up in Next.js 12 or React 18, and especially when you combine typescript into the mix. Lets take a look on how to solve these issues.

I'll show you 2 ways on how to close a daisyui dropdown with one click. First using document object model (dom) api and next with React.

Daisy UI is a great css library that has a lot of helpful components but it doesn't have an search autocomplete input component. In this tutorial we'll make a search autocomplete component using React + DaisyUI!

In this tutorial, I'll be showing you on how to implement infinite loading on URQL with rick and morty api as our backend endpoint.

Tutorial on on how to setup URQL on a brand new typescript Next.js project. This post will cover installation, code generation in typescript, and using the hooks for queries.

DaisyUI themes functionality is great because it's not limited to light/dark mode you simply have to add data-theme="light" to the root html element. Daisy UI is a great css library for speeding up creation of components in tailwindcss since we don't have to add that many classes.

Learn about the best practices using react router that you can apply in a production grade application.