ghroth

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={[...]}
    />
  )
}