hpjaj

{
  "data": {
    "type": "will_paginate_collections",
    "attributes": {
      "items": [
        {
          "item": {
            "id": 156,
            "type": "Accomplishment",
            "description": "Flexitarian hoodie tousled skateboard umami. Chicharrones single-origin coffee swag wayfarers semiotics kickstarter. Quinoa before they sold out godard jean shorts.",

hpjaj

hpjaj

GraphQL Resources

• The GitHub branch of this spike in Vets-API repo
• Why GraphQL?
  • GraphQL Summit 2018 - Opening Keynote
• GraphQL best practices in production, at scale:
  • Battle-Hardened API Patterns from Two Years in Production
  • Hard-Learned GraphQL Lessons: Based on a True Story
  • GraphQL Schema Design
• RailsConf 2018: The GraphQL Way: A new path for JSON APIs

hpjaj

{
  "swagger": "2.0",
  "info": {
    "version": "1.0.0",
    "title": "vets.gov API",
    "description": "The API for managing vets.gov",
    "termsOfService": "",
    "contact": {
      "name": "vets.gov team"
    },

hpjaj

// app/javascript/components/NewPost.js

...
import { passCsrfToken } from '../util/helpers'

class NewPost extends React.Component {
  state = {
    title: '',
    body: ''
  }

hpjaj

// app/javascript/util/helpers.js

function csrfToken(document) {
  return document.querySelector('[name="csrf-token"]').content;
}

export function passCsrfToken(document, axios) {
  axios.defaults.headers.common['X-CSRF-TOKEN'] = csrfToken(document);
}

hpjaj

// app/javascript/components/NewPost.js

  handleSubmit = event => {
    event.preventDefault();

    const post = {
      title: this.state.title,
      body: this.state.body
    }

hpjaj

// app/javascript/components/NewPost.js

...
  handleSubmit = event => {
    event.preventDefault();
  }

  render() {
    return (
      <div>

hpjaj

// app/javascript/components/NewPost.js

import axios from 'axios'
...

hpjaj

// app/javascript/components/NewPost.js

import React from 'react'

class NewPost extends React.Component {
  state = {
    title: '',
    body: ''
  }