API first approach for frontend developers

API first approach for frontend developers

• 1.
  API first approachfor frontend developers Roman Bugaev, API advocate @Adform BY
• 2.
  API - partof architecture • Internal APIs are APIs, Too - The same rules • Empower front-end • Front-end developer designs API (UI for data)
• 3.
  Design/Pragmatic REST • RESTis an architectural style and not a strict standard • #1 design principle: to maximize developer productivity • Pragmatic REST is a design problem • Keep simple things simple
• 4.
  API. Start fromSpec/Mock
• 5.
  API. Start fromSpec/Mock
• 6.
  API. Start fromSpec/Mock
• 7.
  Collaborate https://github.com/apiaryio/apiblueprint-sdk
• 8.
  Agility/HAL • Amazon "_links": { "self":{ "href": "/file/987" }, “root": { "href": "/folder/145", "title": “Root" } } https://github.com/mikekelly/backbone.hal http://weluse.github.io/hyperagent/
• 9.
  Agility/compatible > beautiful APIDesign @ GitHub (100 releases per day, in Adform only 25): http://tech.yandex.ru/events/yac/2013/talks/1100/
• 10.
  Performance/Conditional requests • ETag- Most responses return an ETag header • Last-Modified/ If-Modified-Since/ If-None-Match header parse: function(response, xhr) { if (xhr.status === 304) return this.models return response.data; }
• 11.
  Thank you! Questions? roman.bugaev@adform.com bugaev_roman http://linkedin.com/in/rbugaev