Snippet Collections

30 seconds of code provides a wide variety of snippet and article collections for all your development needs. Explore individual language collections or browse through collections about specific topics and programming concepts.

  • JavaScript

    Snippet collection

    Browse a wide variety of ES6 helper functions, including array operations, DOM manipulation, algorithms and Node.js utilities.

  • CSS

    Snippet collection

    A snippet collection of interactive CSS3 examples, covering layouts, styling, animation and user interactions.

  • React Hooks

    Snippet collection

    Discover a collection of reusable hooks for React 16.

  • Python

    Snippet collection

    Browse helper functions for Python 3.6, including utilities for primitives, lists, dictionaries and date objects.

  • JavaScript Algorithms

    Snippet collection

    Learn a handful of popular algorithms, implemented in JavaScript ES6.

  • Git

    Snippet collection

    A snippet collection of simplified git documentation and tips, covering most commonly-used commands and covering various use-cases.

  • React Components

    Snippet collection

    Discover a collection of reusable function components for React 16.

  • Articles

    Snippet collection

    Discover dozens of programming articles, covering a wide variety of topics and technologies.

  • Node.js

    Snippet collection

    Discover a collection of server-side JavaScript utility functions for Node.js 14.x.

  • JavaScript Data Structures

    Snippet collection

    A guide to some of the most commonly-used data structures, along with JavaScript implementations and examples.

  • React Rendering

    Snippet collection

    Understand the fundamentals of React's rendering process as well as more advanced techniques with this series of articles.

  • Tips & Tricks

    Snippet collection

    A collection of quick tips and tricks to level up your coding skills one step at a time.

  • CSS Centering

    Snippet collection

    A collection of techniques for centering HTML elements in any situation using CSS.

  • Working with color in JavaScript requires some understanding of color formats and conversions. Luckily, this snippet collection's got you covered.

  • JavaScript Array Tricks

    Snippet collection

    Learn a handful of awesome tips and tricks that you can leverage in your code to make array manipulation a breeze.