Category React

How to Create a Responsive Navbar in React with TailwindCSS + DaisyUI

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

How to Implement a Reusable Responsive Modal in React with 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.

Tutorial: Dynamic syntax highlighting in editor.js using prism.js (Next.js app)

NextJS, React

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

Ultimate Guide on how to setup Editor.js with Next.js 12+ (Typescript)

NextJS, React

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.

How to close DaisyUI Dropdown with one click

DaisyUI, Javascript, React

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.

How to implement a React autocomplete input using DaisyUI

React, TailwindCSS

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!

Tutorial: How to implement infinite loading with URQL GraphQL

GraphQL, NextJS, React

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.

1 2 3 4 5 6 7

Disclaimer

This content may contain links to products, software and services. Please assume all such links are affiliate links which may result in my earning commissions and fees.

As an Amazon Associate, I earn from qualifying purchases. This means that whenever you buy a product on Amazon from a link on our site, we receive a small percentage of its price at no extra cost to you. This helps us continue to provide valuable content and reviews to you. Thank you for your support!

ReactHustle