Native JavaScript Data Structures
JavaScript provides a handful of native data structures that you can start using in your code right now.
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
JavaScript · -
CSS · Mouse cursor gradient tracking
Create a hover effect where the gradient follows the mouse cursor, with CSS and a little bit of JavaScript.
-
React · React useHash and useSearchParam hooks
Track the browser's location hash value and search params with this pair of custom hooks.
-
JavaScript · Create a static file server with Node.js
Create your own static file server with Node.js in just 70 lines of code.
-
JavaScript · Where and how can I use memoization in JavaScript?
Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results.
-
JavaScript · Group data using the K-means clustering algorithm in JavaScript
Implement the K-means clustering algorithm in JavaScript to group data into clusters.
-
JavaScript · How can I convert the data from an HTML form to a JavaScript object?
Convert the data from an HTML form into a JavaScript object or serialize it into a query string.
-
JavaScript · How can I clone an array in JavaScript?
Pick up a few new tricks which you can use to clone arrays in JavaScript.
-
React · React useClickOutside and useClickInside hooks
Learn how to effectively handle the click event outside or inside a component using custom hooks.
-
React · Listening for events with React hooks
Learn how to create custom hooks to listen for events in React.
-
JavaScript · How can I implement a singleton in JavaScript?
Learn how to implement the singleton design pattern in JavaScript, using the Proxy object.
-
JavaScript · How do I convert an iterable to an array in JavaScript?
Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today.
-
JavaScript · How do I use JavaScript to get the base URL or the URL parameters?
Master URL handling by learning how to get the base URL and the URL parameters as an object in JavaScript.
-
JavaScript · Flatten or unflatten a JavaScript object
Learn how to manipulate JavaScript objects by flattening or unflattening them.
-
JavaScript · A complete guide to JavaScript typechecking
Learn all you need to know to effectively and efficiently typecheck values in JavaScript.
-
JavaScript · Asynchronous array loops in JavaScript
Asynchronously looping over arrays in JavaScript comes with a few caveats you should watch out for.
-
CSS · Image overlay on hover
Learn how to display an image overlay effect on hover using CSS.
-
React · File drag and drop area
Create a file drag and drop React component for a single file.
-
JavaScript · Convert between a query string and an object in JavaScript
Convert between a query string and its object representation in JavaScript.
-
JavaScript · Merge two or more JavaScript objects
Learn how to combine two or more objects into a single object in JavaScript.
-
JavaScript · How can I perform an HTTP request in JavaScript?
Learn how to perform HTTP GET, POST, PUT, and DELETE requests in JavaScript.
-
JavaScript · JavaScript Data Structures - Binary Tree
A binary tree is a hierarchical data structure of linked nodes with at most two children each.
-
HTML · Use data attributes instead of HTML classes to represent state
Learn how to use data attributes to represent UI state and level up your HTML and CSS game.
-
React · React useMutationObserver hook
Use the
MutationObserverAPI to watch for changes made to the DOM tree.