artemis-react

Artemis

Artemis allows you to fetch data from your REST-API and provides Apollo-like Query & Mutation.

Installation

npm i -S 'artemis-react'

Usage

import { ArtemisClient, ArtemisProvider } from 'artemis-react'

const client = ArtemisClient()
ReactDOM.render(
  <ArtemisProvider client={client}>
    <MyRootComponent />
  </ArtemisProvider>,
  document.getElementById('root'),
)

render prop

import { Query } from 'artemis-react'

const GET_POSTS = async () => {
  const posts = await fetch('/posts')
  return posts
}

const Posts = () => (
  <Query query={GET_POSTS}>
	    {({ loading, error, data })} => {
	      if (error) return `Error! ${error.message}`
	      return (
	        <Table 
	          loading={loading}
	          dataSource={data}
	          columns={[...]}
	        />
	      )
	    }	    
  </Query>
)

react hooks

import { useQuery } from 'artemis-react'

const GET_POSTS = async () => {
  const posts = await fetch('/posts')
  return posts
}

const Posts = () => {
  const { loading, error, data } = useQuery(GET_POSTS)
  if (error) return `Error! ${error.message}`
  return (
    <Table
	    loading={loading}
	    dataSource={data}
	    columns={[...]}
    />
  )
}