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

sagavox

v0.1.0

Published

Make your react project redux-saga friendly, generate necessary react redux saga files.

Downloads

1

Readme

Sagavox: React Redux Saga Generator

This packages works with npx create-react-app. So if you want to use it, It's suggested that use it after main installation of react project.

TL;DR

Install the package: npm install sagavox

Initial react-redux saga project: sagavox -i

Making a new page wrapped by redux saga technology: sagavox -p

React Version Compatibility

  • This packages works with react@^18 successfully. I didn't test it with other versions.
  • Notice: This version probably doesn't work fine with the React TypeScript template.

Installation

Install by npm

npm install sagavox

Dependencies

Before use this package, please make sure that you installed these packages:

  • npm install react-redux
  • npm install redux-saga
  • npm install @reduxjs/toolkit
  • npm install axios

Usage

After installation, you can use the terminal to run this package's command to generate your delighted files.

Initialize

If your project is still raw, and you didn't configure it for redux-saga, you can change your project to a react-redux-saga by running this command:

Notice: DO NOT RUN THIS COMMAND MORE THAN ONCE!

sagavox --init or shorter one sagavox -i

Screenshots

Before sagavox -i command:

After sagavox -i command:

Make a new page

To make a new page for your project and add its necessary files magically, run this command:

sagavox --page <PAGE-NAME> or shorter one sagavox -p <PAGE-NAME>

Also, it's possible to run in this way: sagavox --page or sagavox -p without page name, and it will ask you the name in the terminal.

Screenshots

After sagavox -p users command:

Support

Feel free to submit an issue on the GitHub repo.

Contribute

I believe there is no perfection in the world! So if you think that you can improve this package, let's contribute by the pull requests!

If your pull requests makes documentation changes, please update readme file.

License

This project is licensed under the terms of the MIT license.

Thanks

With great thanks from {JSON} Placeholder.