Laravel + Restangular Introduction
4 likes2,437 views
The document introduces Andrew Del Prete and discusses the benefits of using Restangular over traditional AJAX methods in AngularJS for creating single-page applications (SPAs). It highlights Restangular's ability to simplify HTTP requests and improve the development experience with features like chaining methods and configurability. Additionally, it outlines essential requirements, setup instructions, and provides resources for further exploration of Restangular and its applications.
Laravel + Restangular Introduction
- 1. Laravel + Restangular Let’s do this.
- 2. But first Who am I? Andrew Del Prete @pathsofdesign www.pathsofdesign.com
- 3. What we’re covering • Some of the benefits of Restangular over alternatives • An intro on how to do basic HTTP requests with Restangular • A quick review of Laravel Resource Routes • Build a small SPA (Korra) to demonstrate how it works • Online resources • That’s all folks • Questions
- 4. So what is Restangular? “Restangular is an AngularJS service that simplifies common GET, POST, DELETE, and UPDATE requests with a minimum of client code. It's a perfect fit for any WebApp that consumes data from a RESTful API.” https://github.com/mgonto/restangular
- 5. Benefits Much? • Creating a Single Page Application (SPA) is easier than ever. • Promises Promises. • A great way to simplify JSON CRUD. • Utilizes explicit Syntax that is easy to remember. • Allows you to forget full URLs. • Supports all HTTP methods. • Helps the developer throw away the jQuery “Crutch” • Allows you to chain methods together for complex requests. • Very configurable / customizable. And more!
- 6. Can’t I already AJAX? The alternatives jQuery offers a great line of AJAXY methods. $.ajax, $.get, $.json, etc… The problem is these methods are low level and are not abstracted into a reusable service. $http is the low level AJAX service that’s native to AngularJS. It’s a lot like jQuery’s AJAX methods but can be injected into Angular and is what Restangular builds upon internally. $resource is the native REST Module in AngularJS. It’s difficult to use and buggy. Restangular aims to solve the flaws of $resource and provide a better service for REST.
- 7. Restangular Requirements AngularJS Lodash or Underscore
- 9. Creating Main Restangular Object There are 3 ways of creating a main Restangular object. The first one and most common is by stating the main route of all requests. The second one is by stating the main route and object of all requests. Each object can be built upon and utilized later in our code to do various requests.
- 10. Get, Post, Put, and Delete
- 13. Resources Korra - https://github.com/Pathsofdesign/korra The blog experiment I demonstrated. I hope to add features and refine. Restangular Docs - https://github.com/mgonto/restangular Surprisingly good Documentation! ng-newsletter - http://www.ng-newsletter.com/posts/restangular.html Great resource for AngularJS all around.