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

cra-template-danie12345-react_basic-2

v1.0.0

Published

Repo to multiple react app templates. Feel free to add your own.

Downloads

2

Readme

Create React App Templates

Repo to multiple react app templates. Feel free to add your own.

Like the repo? Leave a 🎇, it helps ;)


Want your own template?

  • Create a new branch with the name cra-USER-TEMPLATE_USE-VERSION (eg. cra-danie12345-react_basic-1)

  • Modify what you need. Here is a sample of what you can do

  • To test that your template works:

    • First run: npx create-react-app my-app --template file:.
    • Second run cd my-app
    • Then run npm i (install the right dependencies, cannot skip this step)
    • Finally run npm start
  • To publish your template:

    • Change the "name" property in package.json (Not the one in my-app/package.json)
    • Use a similar naming system to the branch you're in
    • Run: npm publish

    Create your own branch with your username (eg. danie12345), and in it as many branches as you need, but DO NOT create PR's. You can fork instead.

  • To create your react app run npx create-react-app my-app --template your-template-name in the directory you want your project to be in.


The following are dependencies in main, which you can delete in your own branch if needed. These can be found in template.json.

Dependencies in Main

DevDependencies in Main

The original repo can be found here.

Note: this repo is NOT for substituting ihaback's repository, but rather to go wild with as many different templates as one can want for different projects.