npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

js-data-structures-and-algorithms

v1.13.0

Published

Data structures and algorithms implemented in JavaScript

Downloads

24

Readme

JS Data Structures and Algorithms

npm Build Status Codecov npm bundle size npm Commitizen friendly Conventional Commits License: MIT code style: prettier

JavaScript implementations of common data structure and algorithm concepts.

Purpose

The purpose of this project is to help others learn and understand data structures and algorithms from a JavaScript perspective. Rather than containing only snippets of code with accompanying explanations, this project is meant to provide an eager learner with fully working code, good test cases, and a playground full of examples.

While the primary purpose of this project is education, the data structures and algorithms are implemented here as real working code and can be used as such. This project is published on npm as js-data-structures-and-algorithms.

Demos

Demos can be found at: http://tylerhawkins.info/js-data-structures-and-algorithms/storybook-dist

Data Structures

Algorithms

Searching (Array)

Searching (String)

Searching (Tree and Graph)

  • Breadth-First Search (TODO)
  • Depth-First Search (TODO)

Sorting

Sets

Running the Demos Locally

To run the Storybook examples locally on your own machine, follow these steps:

  1. Clone or download this repo
  2. Install the needed dependencies using yarn install
  3. Start up the Storybook app using yarn storybook

That's it! The Storybook app should start running at your localhost on port 9009, and the browser tab should be opened for you automatically.

Using the npm Package in Your App

To use these data structures and algorithms in your own app, follow these steps:

  1. Install the npm package using yarn add js-data-structures-and-algorithms (or npm install js-data-structures-and-algorithms)
  2. Import any of the exported modules like import { Stack } from 'js-data-structures-and-algorithms'
  3. At this point, you're good to instantiate these classes (ex. const myStack = new Stack()) and use their methods in your app (ex. myStack.push(42)).

Yarn Commands

For a complete list, see package.json.

  • yarn install: Installs dependencies
  • yarn storybook: Starts up the Storybook app locally so you can view the demos and examples
  • yarn build-storybook: Builds a static site out of the Storybook app (this is what is hosted here: http://tylerhawkins.info/js-data-structures-and-algorithms/storybook-dist)
  • yarn build: Generates the minified build from the source code using Rollup
  • yarn test: Runs all tests
  • yarn test:coverage: Runs all tests and includes coverage report
  • yarn test:logs: Runs tests in watch mode and includes console log output to show the internals of what is going on during each iteration of algorithms being run (for instance, it shows the current state of an array that is being sorted during each step of the given algorithm)
  • yarn test:watch: Runs tests in watch mode
  • yarn prettier: Formats the code so you don't have to worry about white space and other formatting during development
  • yarn prettier-watch: Runs prettier in watch mode
  • yarn eslint: Runs eslint to lint JS files
  • yarn stylelint: Lints CSS files and auto-fixes issues where possible
  • yarn cz: Uses commitizen to walk you through some steps via the cli and then commits your code using a formatted commit message that it generates
  • yarn release: Bumps the package version and generates the changelog using standard-version

Contributing

Please see the Contributing Guidelines.

Code of Conduct

The Code of Conduct can be found here.