1.0.6 • Published 4 years ago
@thira/react-mugfetcher v1.0.6
React Mug Fetcher
React API fetch data without asynchronous or hooks
Installation
NPM
npm i @thira/react-mugfetcher
YARN
yarn add @thira/react-mugfetcher
Implement React Mug Fetcher
First import the library
import { useFetcher } from "@thira/react-mugfetcher";
Implement a simple fetch request
const { data, loading, error, length } = useFetcher("https://jsonplaceholder.typicode.com/comments?postId=1");
Simple example code
import { useFetcher } from "@thira/react-mugfetcher";
function App() {
const { data, loading, error, length } = useFetcher("https://jsonplaceholder.typicode.com/comments?postId=1");
if(loading){
return <p> Loading... </p>
}
return (
<div className="App">
<ul>
{data.map(item => (
<li key={item.id}>{item.name}</li>
))}
</ul>
<p>Total items = {length}</p>
</div>
);
}
export default App;
Thank you for using React Mug Fetcher!