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

@codotype/ui

v0.8.0-canary.61

Published

Codotype React.js Components

Downloads

71

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

aekscoaeksco

Keywords

reactcodotypetypescripttailwindcss

Readme

@codotype/ui

:desktop_computer: Codotype UI components - built with React + Typescript

Getting Started

Run the following commands to install dependencies and start developing

yarn install
yarn storybook

Scripts

  • yarn dev - run webpack in watch mode
  • yarn storybook - runs the Storybook server
  • yarn build - builds the NPM package
  • yarn test -u - runs Jest + updates test snapshots
  • yarn lint - runs EsLint
  • yarn prettify - runs Prettier

Notes

  • Includes ESLint configured to work with TypeScript and Prettier.

  • Includes tests with Jest - note that the babel.config.js and associated dependencies are only necessary for Jest to work with TypeScript.

  • Recommended to use Visual Studio Code with the Format on Save setting turned on.

  • Includes Storybook configured to work with React + TypeScript. Note that it maintains its own webpack.config.js and tsconfig.json files. See example story in src/**/__tests__/*.stories.tsx

Built with

Misc. References

Marketing Website TODOs

  • What's your rate?

  • Landing page for Create Next App (working title)

    • Single landing page
    • Derived from Tailwind UI
    • "Powered by Codotype"
    • Free?
    • Needs dedicated documentation site (probably dedicated domain too)
    • Needs dedicated ROADMAP.md file
    • Privacy Policy

  • FEATURES added to Create Next App (working title)

    • Putting together roadmap
    • Dependency updates
    • New features -> simple!

  • Landing page for Create MERN App (working title)

    • Single landing page
    • Derived from Tailwind UI
    • "Powered by Codotype"
    • Single-time purchase of $19.99
    • Needs dedicated documentation site (probably dedicated domain too)

  • Landing page for Codotype (company)

    • Links to Create Next App (working title)
    • Links to GitHub + Documentation

  • Landing page for ts-find-unused?

  • Landing page for AkroMills organizers?

UI TODOs

  • Cleanup brand colors to be primary instead of indigo

  • Remove references from Codotype from the UI

    • QUESTION - pass in custom copy for finished view + header + else?

  • Tighten up EVERYTHING