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.
CSS, Visual
Creates a horizontally scrollable image gallery.
CSS, Visual
Creates a horizontally scrollable image gallery.
React, Render
Take a deeper dive into React's rendering process and understand the basics behind the popular JavaScript framework.
CSS, Visual
Creates a styled checkbox with animation on state change.
JavaScript, Function
Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code.
JavaScript, Array
There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them.
React, Render
Take a deeper dive into React's rendering process and understand the role of the Context API and Redux in it.
JavaScript, Object
A doubly linked list is a linear data structure where each element points both to the next and the previous one.
JavaScript, Object
A graph is a data structure consisting of a set of vertices connected by a set of edges.
JavaScript, Object
A linked list is a linear data structure where each element points to the next.
Testing React components that update asynchronously with React Testing Library is a common scenario. Learn how to deal with common issues and speed up your testing.
JavaScript, Array
Learn how the new JavaScript ES6 Iterators work and how you can use them to level up your programming projects by understanding these short code examples.
JavaScript, Object
Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.
JavaScript, Object
JavaScript provides a handful of native data structures that you can start using in your code right now.
React, Components
Renders a tag input field.