tc-fetch v1.0.2
Try-Catch-Fetch
This project provides a simple wrapper around the browser-side fetch
library.
It provides status code checking and full promise library usage while forwarding the status code and text back to your code, making it safe and simple to use Try-Catch logic around the request.
npm i tc-fetch
import tcFetch from 'tc-fetch';
// or
// import { tcGet, tcPost, tcPut, tcDelete } from 'tc-fetch';
...
const yourFunction = async () => {
try {
// all request types will resolve, with any JSON response parsed const
res = await tcFetch.tcGet('URL_PATH');
return res;
} catch(err) {
// you can safely catch errors here without any need to check for status or status codes
console.err(err);
}
}
Usage
Any response codes in the 200 - 300 range are treated as successful and will resolve to server response text.
Get Requests
Use the tcGet method to reach out to a given URL and receive some data in response. You may supply an options object but it is not required.
import { tcGet } from 'tc-fetch';
...
const yourFunction = async () => {
try {
const res = await tcFetch.tcGet('URL_PATH');
return res;
} catch(err) {
console.err(err);
}
}
Post Requests
Use the tcPost method to reach out to a given URL and create data. The options object is required for this request and you must specify a method and body.
import { tcPost } from 'tc-fetch';
...
const yourFunction = async () => {
try {
const res = await tcFetch.tcGet('URL_PATH', {method: 'POST', body: {}});
return res;
} catch(err) {
console.err(err);
}
}
Put Requests
Use the tcPut method to reach out to a given URL and update data. The options object is required for this request and you must specify a method and body.
import { tcPut } from 'tc-fetch';
...
const yourFunction = async () => {
try {
const res = await tcFetch.tcGet('URL_PATH', {method: 'PUT', body: {}});
return res;
} catch(err) {
console.err(err);
}
}
Delete Requests
Use the tcDelete method to reach out to a given URL and delete data. The options object is required for this request and you must specify a method and body.
import { tcDelete } from 'tc-fetch';
...
const yourFunction = async () => {
try {
const res = await tcFetch.tcGet('URL_PATH', {method: 'DELETE', body: {}});
return res;
} catch(err) {
console.err(err);
}
}