Automatic text linking in React
Ever wondered how to detect links in plaintext strings and make them clickable? A little ingenuity combined with React can get you there.
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.
-
React · -
JavaScript · Window.location Cheat Sheet
A quick reference for the
window.locationobject. -
JavaScript · What is hoisting in JavaScript?
Hoisting comes up a lot during JavaScript interviews. It's a concept that may require some getting used to, so read our guide to learn more.
-
JavaScript · Sum of powers in range
s the sum of the powers of all the numbers from
starttoend(both inclusive). -
JavaScript · Remove the first or last n elements from a JavaScript array
Master JavaScript array element removal with these simple techniques.
-
JavaScript · Remove accents from a JavaScript string
Learn how to remove accents from a string in JavaScript, quickly and efficiently.
-
JavaScript · Calculate the powerset of a JavaScript array
Generate the powerset of a given array of numbers or other primitive values.
-
JavaScript · Find the maximum subarray of a JavaScript array
Learn how to find the contiguous subarray with the largest sum within an array of numbers in JavaScript.
-
JavaScript · Find the longest element in a JavaScript array
Find the element with the greatest
lengthin a JavaScript array. -
JavaScript · Calculate the Levenshtein distance between two strings in JavaScript
Implement the Levenshtein distance algorithm in JavaScript to calculate the difference between two strings.
-
JavaScript · Get the last element of a JavaScript array
Array destructuring can be leveraged in many different ways. Here's one of them.
-
JavaScript · Vertical offset of an element in the document
Find the distance from a given element to the top of the document with this simple JavaScript function.
-
JavaScript · How can I detect the device type with JavaScript?
Learn how to detect whether a page is being viewed on a mobile device or a desktop.
-
JavaScript · Where and how can I use the destructuring assignment syntax in JavaScript?
Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide.
-
JavaScript · Date range generator in JavaScript
Create a generator that generates all dates in a given range.
-
JavaScript · JavaScript Data Structures - Queue
A queue is a linear data structure which follows a first in, first out (FIFO) order of operations.
-
JavaScript · Capitalize the first letter of a JavaScript string
Learn how to capitalize the first letter of a string in JavaScript using array destructuring and
String.prototype.toUpperCase(). -
JavaScript · Find the head and tail of an array in JavaScript
Find the head or tail of a JavaScript array without mutating it.
-
Git · View Git branches sorted by date
Do you want to see a list of all local branches sorted by date? Here's a simple command to help you with that.
-
Git · How can I find the merge commit given a Git commit?
Looking for the merge commit where the changes from a given commit were merged into a branch? Here's how you can find it.
-
CSS · Hover underline animation
Create an animated underline effect when the user hovers over some text.
-
CSS · How to clear floats with a clearfix
Eliminate the need for non-semantic markup to clear floats.
-
React · React conditional className, empty strings and null
In React components, you might need to conditionally apply a
className. Learn how to handle empty values correctly using this handy tip. -
JavaScript · How delays work in JavaScript timing functions
Did you know that the delay of
setTimeout()andsetInterval()is merely a suggestion?