|
| 1 | +[ |
| 2 | + { |
| 3 | + "categoryName": "Array Manipulation", |
| 4 | + "snippets": [ |
| 5 | + { |
| 6 | + "title": "Remove Duplicates", |
| 7 | + "description": "Removes duplicate values from an array.", |
| 8 | + "code": "const removeDuplicates = (arr) => [...new Set(arr)];\n\n// Usage:\nconst numbers = [1, 2, 2, 3, 4, 4, 5];\nconsole.log(removeDuplicates(numbers)); // Output: [1, 2, 3, 4, 5]", |
| 9 | + "tags": ["javascript", "array", "deduplicate", "utility"], |
| 10 | + "author": "@technoph1le" |
| 11 | + }, |
| 12 | + { |
| 13 | + "title": "Flatten Array", |
| 14 | + "description": "Flattens a multi-dimensional array.", |
| 15 | + "code": "const flattenArray = (arr) => arr.flat(Infinity);\n\n// Usage:\nconst nestedArray = [1, [2, [3, [4]]]];\nconsole.log(flattenArray(nestedArray)); // Output: [1, 2, 3, 4]", |
| 16 | + "tags": ["javascript", "array", "flatten", "utility"], |
| 17 | + "author": "@technoph1le" |
| 18 | + } |
| 19 | + ] |
| 20 | + }, |
| 21 | + { |
| 22 | + "categoryName": "String Manipulation", |
| 23 | + "snippets": [ |
| 24 | + { |
| 25 | + "title": "Capitalize String", |
| 26 | + "description": "Capitalizes the first letter of a string.", |
| 27 | + "code": "const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);\n\n// Usage:\nconsole.log(capitalize('hello')); // Output: 'Hello'", |
| 28 | + "tags": ["javascript", "string", "capitalize", "utility"], |
| 29 | + "author": "@technoph1le" |
| 30 | + }, |
| 31 | + { |
| 32 | + "title": "Reverse String", |
| 33 | + "description": "Reverses the characters in a string.", |
| 34 | + "code": "const reverseString = (str) => str.split('').reverse().join('');\n\n// Usage:\nconsole.log(reverseString('hello')); // Output: 'olleh'", |
| 35 | + "tags": ["javascript", "string", "reverse", "utility"], |
| 36 | + "author": "@technoph1le" |
| 37 | + } |
| 38 | + ] |
| 39 | + }, |
| 40 | + { |
| 41 | + "categoryName": "Date and Time", |
| 42 | + "snippets": [ |
| 43 | + { |
| 44 | + "title": "Format Date", |
| 45 | + "description": "Formats a date in 'YYYY-MM-DD' format.", |
| 46 | + "code": "const formatDate = (date) => date.toISOString().split('T')[0];\n\n// Usage:\nconsole.log(formatDate(new Date())); // Output: '2024-12-10'", |
| 47 | + "tags": ["javascript", "date", "format", "utility"], |
| 48 | + "author": "@technoph1le" |
| 49 | + }, |
| 50 | + { |
| 51 | + "title": "Get Time Difference", |
| 52 | + "description": "Calculates the time difference in days between two dates.", |
| 53 | + "code": "const getTimeDifference = (date1, date2) => {\n const diff = Math.abs(date2 - date1);\n return Math.ceil(diff / (1000 * 60 * 60 * 24));\n};\n\n// Usage:\nconst date1 = new Date('2024-01-01');\nconst date2 = new Date('2024-12-31');\nconsole.log(getTimeDifference(date1, date2)); // Output: 365", |
| 54 | + "tags": ["javascript", "date", "time-difference", "utility"], |
| 55 | + "author": "@technoph1le" |
| 56 | + } |
| 57 | + ] |
| 58 | + }, |
| 59 | + { |
| 60 | + "categoryName": "Utilities", |
| 61 | + "snippets": [ |
| 62 | + { |
| 63 | + "title": "Debounce Function", |
| 64 | + "description": "Delays a function execution until after a specified time.", |
| 65 | + "code": "const debounce = (func, delay) => {\n let timeout;\n return (...args) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), delay);\n };\n};\n\n// Usage:\nwindow.addEventListener('resize', debounce(() => console.log('Resized!'), 500));", |
| 66 | + "tags": ["javascript", "utility", "debounce", "performance"], |
| 67 | + "author": "@technoph1le" |
| 68 | + }, |
| 69 | + { |
| 70 | + "title": "Throttle Function", |
| 71 | + "description": "Limits a function execution to once every specified time interval.", |
| 72 | + "code": "const throttle = (func, limit) => {\n let lastFunc;\n let lastRan;\n return (...args) => {\n const context = this;\n if (!lastRan) {\n func.apply(context, args);\n lastRan = Date.now();\n } else {\n clearTimeout(lastFunc);\n lastFunc = setTimeout(() => {\n if (Date.now() - lastRan >= limit) {\n func.apply(context, args);\n lastRan = Date.now();\n }\n }, limit - (Date.now() - lastRan));\n }\n };\n};\n\n// Usage:\ndocument.addEventListener('scroll', throttle(() => console.log('Scrolled!'), 1000));", |
| 73 | + "tags": ["javascript", "utility", "throttle", "performance"], |
| 74 | + "author": "@technoph1le" |
| 75 | + } |
| 76 | + ] |
| 77 | + }, |
| 78 | + { |
| 79 | + "categoryName": "DOM Manipulation", |
| 80 | + "snippets": [ |
| 81 | + { |
| 82 | + "title": "Toggle Class", |
| 83 | + "description": "Toggles a class on an element.", |
| 84 | + "code": "const toggleClass = (element, className) => {\n element.classList.toggle(className);\n};\n\n// Usage:\nconst element = document.querySelector('.my-element');\ntoggleClass(element, 'active');", |
| 85 | + "tags": ["javascript", "dom", "class", "utility"], |
| 86 | + "author": "@technoph1le" |
| 87 | + }, |
| 88 | + { |
| 89 | + "title": "Smooth Scroll to Element", |
| 90 | + "description": "Scrolls smoothly to a specified element.", |
| 91 | + "code": "const smoothScroll = (element) => {\n element.scrollIntoView({ behavior: 'smooth' });\n};\n\n// Usage:\nconst target = document.querySelector('#target');\nsmoothScroll(target);", |
| 92 | + "tags": ["javascript", "dom", "scroll", "ui"], |
| 93 | + "author": "@technoph1le" |
| 94 | + } |
| 95 | + ] |
| 96 | + } |
| 97 | +] |
0 commit comments