mrkeyoor.com_
Sat 26 Sept 16:11 UTC
Dev Toolsevaluationupdated 26 Sept 2026

30-seconds-of-code review

30 seconds of code is the source repository for a searchable website of short programming articles, code snippets and topic collections. It helps developers find a focused explanation or example without reading a book-length guide.

Verdict

Our run built the site in 28 seconds and passed 183 of 184 tests, with the remaining test skipped rather than failed. Use 30 seconds of code as a searchable reference when you need a compact example, especially if you already know enough to judge where a snippet fits. Choose a structured course for first principles, and do not clone the 413.8 MB repository merely to read what the hosted site already serves.

We ran it

Lab card: what happened when we ran 30-seconds-of-codeScreenshot of 30-seconds-of-code (30secondsofcode.org)
Install✓ · 10s454 packages · 230 MB
Build✓ · 28s
Tests✓ · 6s183 passed · 0 failed · 1 skipped of 184 (vitest)
Known vulns00 critical · 0 high · 0 moderate · 0 low (npm audit)
Repo3300 files~9,859 lines of source · 413.8 MB · 4 CI workflows · tests dir

Answers from our run

Does 30-seconds-of-code build from source?

Dependencies installed in 10 seconds (454 packages), and the build succeeded in 28 seconds. We cloned commit bd756f8 into a clean Debian container with 3 CPUs and no project-specific setup.

Do 30-seconds-of-code's tests pass?

Yes: 183 of 184 passed when we ran the project's own test command (vitest). Some failures need services or credentials a bare container does not have.

Does 30-seconds-of-code have known vulnerabilities in its dependencies?

npm audit found none in the dependency tree at the time of our run.

Who should not use 30-seconds-of-code?

People looking for an npm utility library: this is a private website package, and its value lives in the published articles rather than an importable API.

What are the alternatives to 30-seconds-of-code?

JavaScript Algorithms and Data Structures, JavaScript Questions, You Don't Know JS Yet. Our run built the site in 28 seconds and passed 183 of 184 tests, with the remaining test skipped rather than failed.

Setup4/510-second install; Node 22.14+ and 230 MB of dependencies
Docs4/5Short README, precise contribution and writing rules
Community5/5129,240 stars and a push one day before our review
Maturity5/5v14 release line with a clean build, tests and audit

Who it’s for

Developers who want concise examples they can search by name, tag, language or description.
Learners who prefer a short explanation and runnable-looking code before consulting full API documentation.
Maintainers who want to fix an existing article, typo or website bug in a tested Astro codebase.

Who it’s NOT for

People looking for an npm utility library: this is a private website package, and its value lives in the published articles rather than an importable API.
Writers hoping to submit a new tutorial: the README says new content contributions are not accepted.
Teams that want to reuse the whole site under CC BY 4.0: the README applies that license to code snippets, while text, images, site source, logos, names and trademarks need the owner's consent.
Beginners who need one ordered curriculum: the site is organized around search, individual articles and collections rather than a single start-to-finish course.

Setup reality

Our sandbox install succeeded in 10 seconds, adding 454 packages and using 230 MB on disk. The build passed in 28 seconds. Tests finished in 6 seconds, with 183 passing, 0 failing and 1 skipped out of 184; npm audit found 0 known vulnerabilities.

Local work requires Node.js 22.14 or newer and npm. The repository has development and production environment files, but the documented reading experience needs no account or API key: the hosted site is ready to browse.

The checkout itself was 413.8 MB across 3,300 files. It has 4 CI workflow files and a tests directory, but no Dockerfile, so contributors get an npm and Astro workflow rather than a container recipe.

The useful product is the shelf, not an npm package

30 seconds of code is a website full of short programming articles, snippets and collections. Search accepts names, tags, languages and descriptions, then each result opens into an explanation, code and examples. That makes the project handy when you know the shape of a problem but cannot recall an API or compact implementation. It is closer to a well-indexed engineering notebook than a course.

The repository can mislead anyone arriving through GitHub. Its package is marked private, and the scripts build an Astro website. There is no general-purpose library to install into an application. The 413.8 MB checkout contains the articles, images, site code and tooling that produce 30secondsofcode.org. If you only want to look up a snippet, the hosted search saves a large clone and 454-package install.

Search beats a fixed curriculum for experienced readers

The browsing model works best when you can name what you need. A developer looking for an array operation, CSS pattern or command-line technique can jump to a matching card, read a brief explanation and decide whether the example suits the current code. Collections group related material without forcing every reader through the same sequence.

That same design is weaker for a first encounter with a language. Short, independent articles do not establish prerequisites or guarantee that one idea appears before another. A beginner can find a correct answer and still miss why it is safe, idiomatic or appropriate in a larger program. Use the snippets as recall aids and starting points, then check the relevant platform or language documentation before shipping consequential code.

What happened when we ran it

Our sandbox installed 454 npm packages in 10 seconds and used 230 MB on disk. The production build passed in 28 seconds. Vitest finished in 6 seconds with 183 tests passed, 0 failed and 1 skipped out of 184. Npm audit reported 0 known vulnerabilities at commit bd756f8.

Those results are unusually tidy for a content-heavy site. The checkout held 3,300 files and about 9,859 lines of source, with 4 CI workflow files and a tests directory. We found no Dockerfile, but the omission is not a serious obstacle here. The documented development path is Node.js and npm, and the package requires Node 22.14 or newer.

The clean run tells us that a contributor can reproduce the build in a fresh unprivileged Debian container. It does not test whether every article's advice fits your production stack. A green site build proves the content pipeline can parse, render and exercise its tested behavior. It cannot turn thousands of context-dependent snippets into drop-in guarantees.

Contributions are for corrections, not new tutorials

The README closes one door plainly: new content contributions are not accepted. Issues may report website problems or suggest improvements, and the contribution guide allows fixes or improvements within existing snippets and collections. That is a sensible maintenance boundary for a large editorial archive, but it matters if your reason for visiting GitHub is to publish a fresh lesson.

The writing guide is far more specific than the short README. It asks for American spelling, short sentences, active voice, descriptive headings and a Grade 10 reading level or lower. Code should use official names and appropriate language highlighting. These rules explain why the articles tend to scan quickly. They also give correction pull requests a clear house style instead of leaving reviewers to argue about tone.

The license does not cover the whole 413.8 MB checkout

Reuse needs careful reading. The README says code snippets use CC BY 4.0 unless a snippet says otherwise. It separately says the text, images, website source, logos, names and trademarks cannot be used without explicit owner consent. The repository metadata may look simple, but the README draws a narrower boundary around what a reader may copy.

That distinction rules out cloning the site as a ready-made content property. It still leaves the most useful unit, an attributed code snippet, available under the stated terms. Check the specific item before republishing it, keep the attribution required by CC BY 4.0 and do not assume the surrounding prose or photography shares the snippet's license.

Current maintenance is visible in code and issue activity

GitHub showed 129,240 stars, 5 combined open issues and pull requests, and a last push on September 25, 2026. The open queue we inspected was dominated by dependency update pull requests, including updates for Astro, Vitest, SVGO and js-yaml. That is evidence of active maintenance work, although stars measure attention rather than editorial accuracy.

The latest tagged release is v14.0.0 from May 7, 2025. It redesigned search, added keyboard navigation and navigation hotkeys, replaced the code highlighter and updated content-authoring components. More recent pushes show that work continued after the tag, so the release date alone would give the wrong health signal.

30 seconds of code earns a bookmark because retrieval is its strongest feature. Our 28-second build and 183 passing tests also make the source credible for people fixing the site. Read it in small doses, verify a snippet against current primary documentation and leave the full checkout to contributors who need the Astro pipeline.

Alternatives

ProjectWhat it isPick it when
JavaScript Algorithms and Data StructuresA code-led reference for algorithms and data structures with explanations and examples.pick this instead when algorithms and interview foundations matter more than a broad shelf of web-development articles.
JavaScript QuestionsA large set of JavaScript questions with answers and explanations.pick this instead when you want to test language knowledge through questions rather than search for task-specific snippets.
You Don't Know JS YetA book series that develops JavaScript concepts in a deliberate sequence.pick this instead when you need sustained conceptual depth and an ordered reading path.

What people are saying

  1. [github-trending] Chalarangelo/30-seconds-of-code

Sources

  1. 30 seconds of code repository and README
  2. Contribution guidelines
  3. Security policy
  4. v14.0.0 release

More dev tools reviews

terminal-browser · fearless_simd · devops-exercises · scriptc · styleguide · just · the whole board →