Calculate all permutations of a JavaScript array or string
Generate all permutations of an array's elements or a string's characters using recursion.
Code Snippets
30 seconds of code provides a curated collection of short code snippets for all your development needs. Our collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
JavaScript · -
JavaScript · Add or remove an event listener in JavaScript
Learn how to add or remove event listeners from elements with ease.
-
CSS · Typewriter effect
Create a typewriter effect animation with CSS variables and just a sprinkle of JavaScript.
-
CSS · Animated CSS loaders
Loading indicators are a staple of modern web design. Here are some CSS loaders to keep your users engaged while they wait.
-
CSS · List with floating or sticky section headings
Learn how to create a list with floating or sticky headings for each section.
-
React · React useRequestAnimationFrame hook
Turn
requestAnimationFrame()into a custom hook to animate your React components. -
JavaScript · Split a JavaScript string into words
Learn how to split a string into words, using the
Intl.SegmenterAPI. -
JavaScript · Initialize a JavaScript array with a sequence of generated values
Ever wanted to initialize an array with a sequence of generated values? Here's a few ways to do it.
-
JavaScript · JavaScript function methods - call(), apply() and bind()
Learn everything you need to know about JavaScript's
call(),apply()andbind()in this short guide. -
JavaScript · How can I define an enum in JavaScript?
Enums are part of TypeScript, but what about defining enums in plain old JavaScript? Here are a few way you can do that.
-
JavaScript · 4 JavaScript Array methods you must know
JavaScript arrays have a very robust API offering some amazing tools. Learn the 4 must-know JavaScript array methods in this quick guide.
-
HTML · Recommended HTML head links
Make your HTML documents more SEO-friendly by including these lines in your
<head>element. -
CSS · How do you review CSS code in Pull Requests?
Reviewing CSS code is a skill that takes time to master. Here are some tips from my personal experience to help you get started.
-
CSS · 10 beautiful CSS background patterns
I hand picked 10 of my favorite CSS background patterns from MagicPattern for your next project. Get them now!
-
React · Persisting state in React
Learn how to persist state in React using hooks and
localStorageorsessionStorage. -
React · Lazy-loading images in React
Learn how to create your own lazy loading image component in React.
-
JavaScript · Understanding the "this" keyword in JavaScript
JavaScript's
thiskeyword can confuse beginners and veterans alike. Learn how it works in different scenarios and start using it correctly. -
JavaScript · What are the differences between Maps and objects in JavaScript?
Maps and objects are very similar, but they have some differences that can help you decide which one better fits your use-case.
-
JavaScript · Get the index of an array item in a JavaScript for...of loop
Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip.
-
JavaScript · JavaScript function arity
Function arity is a simple, yet useful concept in functional programming, especially when combined with currying.
-
JavaScript · Understanding JavaScript currying
Currying is a process that transforms a function that takes multiple arguments into a series of functions that each take a single argument.
-
JavaScript · What is a callback function?
JavaScript uses callback functions quite a lot. From event listeners to asynchronous code, they're an invaluable tool you need to master.
-
JavaScript · Add or remove multiple event listeners from a single element
Ever wanted to listen for multiple events on an element and handle them with the same function? Here's how!
-
CSS · Scroll progress bar
Create a progress bar indicating the scroll percentage of the page, using CSS and JavaScript.