Author: smartcoder

Mantine UI – onBlur, onChange not working TextInput, Input – Solution

Fix or solution for not working of onBlur and onChange in Mantine UI forms. How to trigger onBlur, onChange in mantine UI for field... Read more »

Mantine UI – Using theme colors

How to use theme colors in mantine UI for styling in css, custom styles borderColor: theme.colors.yellow[6], Full Example import { createStyles } from '@mantine/core';... Read more »

Customize Input Box , Text Input in Mantine UI

How to add custom css style for input box , texfields in mantine UI. Mantine UI text box css customize, change the border color,... Read more »

Use Tanstack React Query for Local State Management

Use react query for state management. Sharing data across components. Example Use cases import { useQuery } from 'react-query'; const MyComponent = () =>... Read more »

Supabase Auth: Get Currently logged user id

Get the user id of current active user in supabase. Supabase auth logged user's id get. Supabase next js code to get current logged... Read more »

How to Import Images in React

How to import an image in React JS project. Using an image in React App code. Read more »

JavaScript: Extracting ID from URL – Splitting Strings

How to extract an ID from a given URL in Node JS App? Get ID from GET request in node js app. Splitting a... Read more »

CSS Media Query Break Point – Sample Code

CSS breakpoints for Laptops, Desktops, Tablets, and Smartphones. Responsive design breakpoints CSS Media Query sample codes. /* Extra small devices (phones, 600px and down)... Read more »