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

react-redux-api-generator

v0.1.3

Published

This plugin generates react-ready typescript classes and functions for REST API communication. All you need to have is an OpenAPI 3.0 definition file.

Downloads

3

Readme

React Redux API Generator :lemon:

Elegant and easy way to generate REST API actions for your project from openapi-3.0 .yaml file. Easily edit and generate quickly when required.

Build Status Percentage of issues still open

Currently supports api specification only in OpenAPI 3.0.

Installation

To install this package we advise you to use -g to be able to use it globally. Alternatively you can install this package locally and run the command with npm run. To install it globally use:

$ npm install -g react-redux-api-generator

After you have installed this package, you have to be sure to have these packages installed as well to be able to use the code generated by this package:

  • axios - used to create http requests
  • lodash - extends library for objects manipulations
  • redux-axios-middleware - creates react middleware for axios clients to be able to handle http requests through reducers

After you ensured that you have installed all required packages, you can use this package to generate the API from OpenAPI specification:

$ generate-axios-api
// OR, depending whether your installation is local or not:
$ npm run generate-axios-api

The package would search for rrg-config.json in current directory. If there is no such file it would try to use default settings.

Configure

Create a file called rrg-config.json in your project's root directory next to your package.json.

To find out what configurations are possible visit the Config Wiki page.

Script

You can also create a build script in the package file:

{
    "scripts": {
        ...
        "build-with-api": "npm run generate-axios-api && npm run build"
        ...
    }
}

For the build script we recommend to install this package locally so later it can be recovered when trying to run build script. And now you can just run it from a command line and this would perform full project build with api generation:

$ npm run build-with-api

This would run full project rebuild.

License

This project is being developed and distributed under the GNU LGPL 3.0 License.

You can view the full license text here: GNU LGPL 3.0 License.