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

@kamdz/dx

v1.2.3

Published

An opinionated developer experience (DX) template for TypeScript projects. Pre-configured with tools for streamlined development, including building, linting, formatting, testing, and CI/CD to ensure consistency across multiple projects.

Downloads

406

Readme

@kamdz/dx

@kamdz/dx is an opinionated developer experience (DX) template designed to set up TypeScript projects with best practices baked in. It comes pre-configured with tools for streamlined development, including building, linting, formatting, testing, and CI/CD. Every file and configuration included in this project acts as a blueprint for other projects.

🚀 Quick start:

npx @kamdz/dx
# or
npx @kamdz/dx [path]

✨ Features

  • TypeScript for static typing, with tsup & tsx for builds and development
  • ESLint 9 for code linting and quality checks
  • Prettier for consistent code formatting
  • Husky & lint-staged for Git hooks to ensure code quality
  • Commitlint & Commitizen for conventional commit messages
  • Semantic Release for automated versioning and changelogs
  • Jest for unit testing with coverage
  • GitHub Actions for CI/CD

📜 Available Commands

  • yarn build: Bundle your code to ES Module and CommonJS with tsup
  • yarn cli: Run the custom CLI in bin/cli.ts
  • yarn commit: Use commitizen for conventional commits
  • yarn dev: Start development mode with tsx
  • yarn dx: Update your project with the latest @kamdz/dx
  • yarn format: Format code with Prettier
  • yarn lint: Lint and auto-fix issues with ESLint
  • yarn start: Run the project with tsx
  • yarn test: Run tests with Jest with coverage
  • yarn type-check: Type-check your project using TypeScript

🤔 Why?

While monorepos with shared configs (ESLint, Prettier, TypeScript) are helpful, they still involve setting up boilerplate files for every project. @kamdz/dx simplifies this by providing a template repository. You can modify rules or tools, and propagate those changes to all your projects with a single command, ensuring a consistent developer experience across them.

🔧 Customization

To create your own @user/dx, fork this repository, modify whatever you need (except for the bin and src directories), and update the name, bugs, repository, author, scripts.dx in package.json. Done!

If you enjoy this project, please ⭐️ it!