{"id":21684362,"url":"https://github.com/knovator/react-fetch-wrapper","last_synced_at":"2025-03-20T11:25:32.338Z","repository":{"id":57181389,"uuid":"133025687","full_name":"knovator/react-fetch-wrapper","owner":"knovator","description":"it's a easy to use package for an fetch api call. The react-fetch-wrapper will need one passing perameter which should contain url, method, data(optional).","archived":false,"fork":false,"pushed_at":"2018-05-27T05:00:01.000Z","size":10,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-25T13:39:32.603Z","etag":null,"topics":["ajax-request","api","api-documentation","api-wrapper","fetch","fetch-api","fetch-wrapper","javascript","react","react-api","react-fetch","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/knovator.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-11T10:26:25.000Z","updated_at":"2018-05-27T05:00:03.000Z","dependencies_parsed_at":"2022-09-14T04:40:27.143Z","dependency_job_id":null,"html_url":"https://github.com/knovator/react-fetch-wrapper","commit_stats":null,"previous_names":["knovator/api-call-wrapper"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knovator%2Freact-fetch-wrapper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knovator%2Freact-fetch-wrapper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knovator%2Freact-fetch-wrapper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knovator%2Freact-fetch-wrapper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/knovator","download_url":"https://codeload.github.com/knovator/react-fetch-wrapper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244602438,"owners_count":20479626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ajax-request","api","api-documentation","api-wrapper","fetch","fetch-api","fetch-wrapper","javascript","react","react-api","react-fetch","reactjs"],"created_at":"2024-11-25T16:15:26.419Z","updated_at":"2025-03-20T11:25:32.316Z","avatar_url":"https://github.com/knovator.png","language":"JavaScript","readme":"# react-fetch-wrapper\nMake easy call API and make work faster. It has now functionalities like compatible with every method (GET, POST, PUT, DELETE and more.), direct option to send data while the use of the POST, PUT method, and have an option for an optional data as a query string parameter.\n\nit's an easy to use package for a fetch API call. React-fetch-wrapper will need one passing parameter which would contain URL, method, data(optional), queryString parameters(optional).\n\n# How to use: \n\n\u003e For an use of react-fetch-wrapper start with installation.\n\n```\nnpm install react-fetch-wrapper\n```\n\n\u003e Check installation from package.json, And import 'apiCall' method from this wrapper into the project file.\n\n\u003e Now 'apiCall' require URL and METHOD. So use object like below:\n```\nimport {apiCall} from '../api-call-wrapper';\n\n//defult object for apiCall\nlet login = {url: '/route-name/', method: 'GET'};\n\n//call\napiCall(login);\n\n```\n\n-\u003e\u003e Send data on apiCall for methods 'PUT', 'POST'\n\n\u003e Store that data into one object and append it to the object with a name 'data' which we created for apiCall. \n\n```\n//data object\nlet data = { username: 'user', password: 'user'};\n\n//append with apicall with an name 'data'\nlogin['data'] = data;\n//call\napiCall(login);\n```\n\n-\u003e\u003e Send extra data on apiCall as a query string parameter.\n\n\u003e Store that data into one object like above and append it to a created object with a name 'query'.\n```\n//query object\nlet query = { id: 5};\n\n//append with apicall with an name 'query'\nlogin['query'] = query;\n//call\napiCall(login);\n```\n\n-\u003e\u003e Use response and errors.\n\u003e do use of response after apiCall success with a ' then', and do use of error if apiCall failed with a 'catch'.\n\n```\nlet data = { username : \"john\",\n             password : \"xyz\" };\n             \n    login['data'] = data;      //optional: push data object into login object with 'data' key only.\n    apiCall (login)            //use login object as a perameter of apiCall\n    .then(data =\u003e console.log(error)) //response\n    .catch(error =\u003e console.log(error)); //error on api call\n    \n```\n\n-\u003e\u003e Full Example of react-fetch-wrapper\n\n```\nimport {apiCall} from 'react-fetch-wrapper';\n\n//call object\nlet login = {url: '/login', method: 'POST'}\n\n//data object\nlet data = {username: 'user', password: 'user'};\n\n//query object \nlet query = {api-token: 'JGHGJHGJHGJHGJ'};\n\nlogin['data'] = data; //append data object\nlogin['query'] = query; //append query object\n\n//call\napiCall(login).then(response =\u003e console.log(response.json())).catch(error =\u003e console.log(error));\n\n```\n\nHappy coding.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknovator%2Freact-fetch-wrapper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fknovator%2Freact-fetch-wrapper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknovator%2Freact-fetch-wrapper/lists"}