📑 useQuery, useLazyQuery, useStaticQuery

1. no robomongo, mysql workbench tools
2. const {loading, error, data} = useQuery(gql, {variables})
3. similar with useContext

📑 useRef, useCallback, useMemo, createContext/useContext+useReducer=global-store

const inputEl = useRef(null)

const onButtonClick = () => {
  inputEl.current.value
}

<input ref={inputEl} type='text'/>
<button onClick={onButtonClick}>Click</button>

📑 query

• getTodo(id: ID!): Todo
• listTodos(filter: TableTodoFilterInput, limit: Int, nextToken: String): TodoConnection

📑 mutation

• createTodo(input: CreateTodoInput!): Todo
• updateTodo(input: UpdateTodoInput!): Todo
• deleteTodo(input: DeleteTodoInput!): Todo

📑 subscription

• onCreateTodo(id: ID, title: String, completed: Boolean): Todo @aws_subscribe(mutations: [“createTodo”])
• onUpdateTodo(id: ID, title: String, completed: Boolean): Todo @aws_subscribe(mutations: [“updateTodo”])
• onDeleteTodo(id: ID, title: String, completed: Boolean): Todo @aws_subscribe(mutations: [“deleteTodo”])

input TableTodoFilterInput {
  id: TableIDFilterInput
  title: TableStringFilterInput
  completed: TableBooleanFilterInput
}

input CreateTodoInput {
  title: String!
  completed: Boolean
}

input UpdateTodoInput {}
input DeleteTodoInput {}