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

@genese/api

v1.0.5

Published

Generation of DTO, controllers and data-services in Angular or React with OpenApi (Swagger) files

Downloads

18

Readme

@genese/api npm version

@genese/api is a code generator for Angular and React apps.

Create you OpenApi file and launch @genese/api : all your DTOs and data-services will be automatically generated ! Moreover, all these data-services will use and return highly typed objects corresponding to the schemas included in you OpenApi file.

Less code, less tests, less bugs.

Why use @genese/api ?

This module is a powerful tool which will improve your productivity in building web apps.

@genese/api is the @genese module used for Angular and React applications, which will save your time and help you to code applications much faster. With @genese/api, all your data-services and all your DTOs will be automatically generated ! No more html requests, no more mappers, no more tests of mappers... @genese replaces the http requests located in your services, and replaces the mappers used to format data coming from a backend into typed objects.

Moreover, @genese/api uses under the hood the core of the @genese framework : genese-mapper. Returning typed objects from your data-services to your components is fundamental : if you do not, your component could receive incorrect data from the backend, and your application would crash automatically. That's why the mappers are so important. Unfortunately, writing mappers is long and fastidious. More, you need to write unit tests for your mappers, and add some mock values to be able to do these tests. Idem for your http requests, which should be tested with some tools like HttMock. That's why writing data-services is so long and fastidious.

@genese/api calls the http requests for you, and uses a Generic mapper which will send you back objects automatically typed !

  • DTOs

No need to write any data-model or DTO : @genese/api will create them automatically (using your OpenApi file)

  • DATA-SERVICES

No need to write any data-service. No HTML requests, no mappers : @genese/api will create them for you (using your OpenApi file)

  • GET requests

You will be sure that the objects received from your GET requests have correct type (under the hood, genese-mapper maps all your data)

  • PUT and POST requests

You will be sure to send correctly typed objects in your POST or PUT requests (with auto-completion in your preferred IDE)

For more information about OpenApi specifications : Swagger official website