If you like Object Oriented development and ORMs like Rails Active Record and Laravel Eloquent, you'll love Premiere . RESTful APIs have been very popular in the last couple years and although there's been a lot of progress on the backend side of things, the front-end still lacks some libraries to make the development process easier. That's when comes into action. Premiere Although there are some good options available , like and , comes as a simpler and Object Oriented alternative, focused on APIs; the goal is to bring the same simplicity given by and to your browser. Restangular JS-Data Premiere Rails Active Record Laravel Eloquent To do so, is centered on working around Models and provides normalization and methods like , , which can be easily configured to cache and reduce the network usage on your application. To resolve the routes, Premiere uses RESTful standards, so you don't have to configure each one of them manually, to know more, please look at Premiere belongsTo hasOne find, all; https://github.com/WhiteHouse/api-standards How it Works has a very simple flow to help handle your request while working doing smart caching, normalization, foreign keys and lets not forget about header parameters, with things like JWT and CSRF tokens. Premiere Premiere Workflow ** Premiere uses Axios to handle HTTP requests Let's see some code import {Api, api, Model} from 'premiere'; Api. = 'http://rest.learncode.academy/api/YOUR_NAME_HERE/'; base /** Using API directly*/ api. ().get('albums'); // GET http://rest.learncode.academy/api/YOUR_NAME_HERE/albumsapi. ().post('albums'); // POST http://rest.learncode.academy/api/YOUR_NAME_HERE/albums http http /** Using Models*/ class Album extends Model {static = 'albums'; path id: number;  
name: string;  
date: Date = new Date();  

static _normalize\_date_(timestamp: number): Date {  
    return new Date(timestamp);  
}  

static _denormalize\_date_(date: Date): number {  
    return date.getTime();  
} } Album.all(); // GET http://rest.learncode.academy/api/YOUR_NAME_HERE/albumsAlbum.find(1); // GET http://rest.learncode.academy/api/YOUR_NAME_HERE/albums/1Album.save({name: 'new album'});// POST http://rest.learncode.academy/api/YOUR_NAME_HERE/albums And if you prefer something on JSFiddle, here you go http://jsfiddle.net/pedsmoreira/fqLuvjr1/ Premiere Player There’s a Youtube music player implemented with + + , it’s available through . Premiere React MobX Heroku _A music player for modern browsers_premiere-player.herokuapp.com Premiere Player If you want to know more about Premiere, please refer to the documentation. The project is 100% code coverage, you’re very welcome to collaborate and give suggestions. _Javascript ORM for consuming Restful APIs_pedsmoreira.github.io Premiere I hope you enjoy! :)

Facebook

Consuming RESTful APIs with Premiere

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

5 Tips for Shipping Your App

100 Days of AI Day 1: From Newsletter to Podcast, Leveraging AI for Audio Transformation

10 Threats to an Open API Ecosystem

10 Indications That You Should Invest in Automation Via APIs

10 Best Practices for Securing Your API

The Noonification: Getting Your API Into Production (10/28/2022)

5 Tips for Shipping Your App

100 Days of AI Day 1: From Newsletter to Podcast, Leveraging AI for Audio Transformation

10 Threats to an Open API Ecosystem

10 Indications That You Should Invest in Automation Via APIs

10 Best Practices for Securing Your API

The Noonification: Getting Your API Into Production (10/28/2022)

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps