Restpollo
React components for declarative communication with a REST API inspired by Apollo
DISCLAIMER: Restpollo isn't an official Apollo project. They did such a good job with React Apollo that it inspired me to create a simplified version for communicating with a REST API using React components and function as children pattern.
Examples Site Link
API
| Prop | Description |
|---|---|
| url | This is the url for the fetch action |
| fetchOptions | These are the options for the fetch action |
| fetchOnMount | If this prop is set the fetch action will be trigger when the component is mounted |
Usage Example
<Fetch url={getUrl} fetchOptions={FETCH_OPTIONS} fetchOnMount>
{
({ loading, error, data }) => {
if (error) {
return <Error />
}
if (loading) {
return <Loader />
}
if (data) {
return (
<div className="items">
{
data.map(
item => (
<div className="item" key={item.id}>
<h2 className="item__title">{item.title}</h2>
<p className="item__body">{item.body}</p>
</div>
)
)
}
</div>
);
}
return <p className="text-align-center">Waiting for fetch event</p>
}
}
</Fetch>Wanna find out how I got the idea for Restpollo?
Medium post coming soon!
Where to find me
Need an experienced tech guy to consult you and help you navigate the world of web development? Drop me a line!
Need a developer or team of developers to build you dream app? Let's talk!
I'm always open for new opportunities and meeting new people so if you're thinking about getting in touch, go for it!