I am sure that every must have heard about the magic function , which is implementation of sending API request for both and . ‘isomorphic developer’ isomorphic-fetch Node.js Browser Write once use both sides, Server and Browser To checkout how these tests are implemented go and clone the . repository from git Introduction of isomorphic-fetch To install $ npm install --save isomorphic-fetch es6-promise and import it in the entry of Node.js server require('es6-promise').polyfill();require('isomorphic-fetch'); The proper way to use fetch(), using to parse text response , and to parse json response from the server: resposne.text() resposne.json() text response json response Tricky part of isomorphic-fetch As my experience, fetch() is so easy to use and saves me so much time in building isomorphic website, however it is too quiet when there is error or exception is happening, takes me a lot of time to find out the bug. The way I experimented fetch(), is creating a simple server, with 5 different situation : Express.js response with status code text 200 response with status code json 200 response with status code text 400 response with status code json 400 response whatever result in a certain long time ( ) timeout To found out what is actually happening inside fetch() when I use the incorrect method to handle those situation. 1. Parsing text response by response.json( ) It goes to exception 2. Parsing json response by response.text( ) It responses as String type 3. Impossible in timeout handling fetch() does not support timeout handling, it could wait until we die and without a response. The walk around way is creating a timeoutPromise wrapper by ourself. This is a solution suggested by @ in the : alcat2008 git issue var p = Promise.race([  fetch('/resource-that-may-take-a-while'),  new Promise(function (resolve, reject) {    setTimeout(() => reject(new Error('request timeout')), 5000)  })])

p.then(response => console.log(response))p.catch(error => console.log(error)) Like this story? It is helpful to others? It helps me know if you’d like to see write more about his topic and helps people see the story, . when tap the heart below Reference: https://www.npmjs.com/package/isomorphic-fetch https://github.com/wahengchang/isomorphicfetch-must-know

Fetch

Too Long; Didn't Read

Let Your Engineers & PMs focus on Product. Apply for $50K Credits!

[Nodejs][React] Isomorphic-Fetch: the suspicious part

Too Long; Didn't Read

Company Mentioned

@peterchang_82818

RELATED STORIES