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

Heroku

YouTube

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Consuming RESTful APIs with Premiere

Too Long; Didn't Read

Companies Mentioned

Pedro Silva Moreira

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Consuming RESTful APIs with Premiere

Too Long; Didn't Read

Companies Mentioned

Pedro Silva Moreira

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES