Code Snippets
Collection of useful code snippets and solutions
React Custom Hook - useLocalStorage
A custom React hook for managing localStorage with automatic JSON serialization
typescriptreacthookslocalStoragecustom-hook
typescript
import { useState, useEffect } from 'react';
export function useLocalStorage(key, initialValue) {
const [storedValue, setStoredValue] = useState(() => {
try {
const item = window.localStorage.getItem(key);
return item ? JSON.parse(item) : initialValue;
} catch (error) {
console.error(error);
return initialValue;
}
});
const setValue = (value) => {
try {
const valueToStore = value instanceof Function ? value(storedValue) : value;
setStoredValue(valueToStore);
window.localStorage.setItem(key, JSON.stringify(valueToStore));
} catch (error) {
console.error(error);
}
};
return [storedValue, setValue];
}by Kumar Adhikari•2/7/2026
234
15
Debounce Function
Simple debounce function to limit the rate at which a function can fire
javascriptjavascriptutilityperformancedebounce
javascript
export function debounce(func, wait) {
let timeout;
return function executedFunction(...args) {
const later = () => {
clearTimeout(timeout);
func(...args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
};
}
// Usage:
const handleSearch = debounce((query) => {
console.log('Searching for:', query);
}, 300);by Kumar Adhikari•2/7/2026
456
28
Tailwind CSS Card Component
Responsive card component with dark mode support using Tailwind CSS
htmltailwindcsscomponentcarddark-mode
html
<div class="max-w-sm rounded-lg overflow-hidden shadow-lg bg-white dark:bg-gray-800 transition-all hover:shadow-xl">
<img class="w-full h-48 object-cover" src="/api/placeholder/400/320" alt="Card image">
<div class="px-6 py-4">
<h3 class="font-bold text-xl mb-2 text-gray-900 dark:text-white">Card Title</h3>
<p class="text-gray-700 dark:text-gray-300 text-base">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 dark:bg-gray-700 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 dark:text-gray-300 mr-2 mb-2">
#tag1
</span>
</div>
</div>by Kumar Adhikari•2/7/2026
678
42
Python List Comprehension Examples
Common patterns for list, dictionary, and set comprehensions in Python
pythonpythoncomprehensionfunctionalexamples
python
# Basic list comprehension
squares = [x**2 for x in range(10)]
# With condition
even_squares = [x**2 for x in range(10) if x % 2 == 0]
# Nested list comprehension
matrix = [[i*j for j in range(5)] for i in range(5)]
# Dictionary comprehension
word_lengths = {word: len(word) for word in ['hello', 'world', 'python']}
# Set comprehension
unique_chars = {char.lower() for char in 'Hello World'}by Kumar Adhikari•2/7/2026
312
19
SQL Query - Find Duplicates
SQL query to find and display duplicate records in a table
sqlsqlqueryduplicatesdatabase
sql
SELECT
email,
COUNT(*) as count
FROM users
GROUP BY email
HAVING COUNT(*) > 1
ORDER BY count DESC;
-- To get full rows of duplicates:
SELECT u.*
FROM users u
INNER JOIN (
SELECT email
FROM users
GROUP BY email
HAVING COUNT(*) > 1
) duplicates ON u.email = duplicates.email
ORDER BY u.email, u.created_at;by Kumar Adhikari•2/7/2026
521
33