Bubble sort
Sort an array of numbers, using the bubble sort algorithm.
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 · Fade out siblings on hover
Create a cool effect that fades out the siblings of a hovered item with a few lines of CSS.
-
CSS · Display a fallback for images that fail to load
Having trouble loading an image? Display a fallback message instead!
-
React · How can I use a React hook to change the title of a page?
Ever wanted to change the title of a page in a React app? You can create a custom hook to do just that.
-
React · React useError hook
Use this little trick to create an error dispatcher in React.
-
React · Show/hide password toggle component
Ever wanted to show the password the user is typing? Here's how you can create a password input field with a reveal button in React.
-
JavaScript · Check if a string is a yes/no answer with JavaScript
Quickly and easily check if a string is a yes/no answer to a boolean question in your CLI programs.
-
JavaScript · How can I check if a value implements a stream in Node.js?
Learn how to type check for different types of streams in Node.js.
-
JavaScript · How can I truncate a string to a specified length using JavaScript?
String splitting and truncation, both simple and locale-sensitive are possible in JavaScript. Learn how in this guide.
-
JavaScript · Get N elements from the start or end of a JavaScript array
Learn how to get the first or last N elements of a JavaScript array, using
Array.prototype.slice(). -
JavaScript · Convert a JSON object with circular references to a JavaScript string
Circular JSON objects can't be serialized using
JSON.stringify(), but you can use this trick to handle them. -
JavaScript · How can I inject CSS into a web page using JavaScript?
Injecting CSS into a page via JavaScript is pretty easy, if you know how to leverage the DOM.
-
JavaScript · Immutable JavaScript objects using the Proxy object
Freezing objects is not the only way to prevent mutations. Learn how you can leverage the Proxy object to your advantage.
-
JavaScript · How can I redirect the page to HTTPS in JavaScript?
Learn how to redirect the page to HTTPS if it's currently in HTTP.
-
JavaScript · Iterate over a JavaScript array from right to left
Learn how to execute a function for each element of an array, starting from the last one.
-
JavaScript · Debounce a JavaScript function
Create a debounced function that waits a certain amount of time before invoking the provided function again.
-
JavaScript · Call a JavaScript function once
Create a function that ensures another function is called only once.
-
JavaScript · Append elements to a JavaScript array
Have you ever tried appending elements to an array in JavaScript? Here's a primer on all the available options.
-
JavaScript · How can I add a key-value pair to a JavaScript object?
Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so.
-
Git · Delete a Git branch
Having trouble deleting branches in Git? Here's a guide to help you delete local, remote, detached, and merged branches.
-
React · React useEffectOnce hook
Run a callback at most once when a condition becomes true, using a custom React hook.
-
JavaScript · Replacing JavaScript switch statement with object literals
JavaScript's
switchstatement often feels hard to remember and a little bit out of place. Maybe it's time to use object literals, instead. -
JavaScript · How can I generate all partial substrings of a string in JavaScript?
Get all the partial substrings of a string in JavaScript using generator functions.
-
JavaScript · Understanding the spread and rest syntax in Javascript
JavaScript ES6 introduced us to powerful new features, such as the spread and rest syntax. Learn all you need to know in this quick guide.