Writing conditional tailwind classNames.You want to add a style to a div when a particular state in your app is true? You can achieve this using this library. In your Next.js or React app create a folder in root directory and name it as "lib". Inside lib folder create a file named "utils.t...Jan 25, 2024 · 6 min readbitstoqubits.hashnode.dev
What is useRef hook and where to use it?In React, the useRef hook is used to create a mutable reference that can be attached to a DOM element or any mutable value. This reference persists for the entire lifecycle of the component, and changing the reference does not trigger a re-render. Th...Dec 27, 2023 · 4 min readbitstoqubits.hashnode.dev
useEffect vs useLayoutEffectHooks In React, hooks are functions that allow functional components to "hook into" React state and lifecycle features. They enable you to use state and other React features without writing a class. Hooks were introduced in React 16.8 to address comp...Dec 25, 2023 · 6 min readbitstoqubits.hashnode.dev
What are Microservices? - Explained for newbies.Understanding the problem with an example. Let's assume that you are going to build a physical teaching space for around 30 students. How will you execute this task? You will first start by maintaining a ledger to document the details of the students...Dec 14, 2023 · 7 min readbitstoqubits.hashnode.dev
What is ShadcnUI? and how you can use it to improve your UI development experience?What are UI libraries? UI libraries, also known as User Interface libraries, are collections of pre-designed and pre-built components, styles, and functionalities that developers can use to create user interfaces for their applications. These librari...Oct 12, 2023 · 4 min readbitstoqubits.hashnode.dev