relay cache - ConnectionHandler createEdge vs buildConnectionEdge

relay cache - ConnectionHandler createEdge vs buildConnectionEdge

createEdge

type CreateTodoPayload {
	todo: TodoNode!
}

type Mutation {
	createTodo(input: CreateTodoInput!): CreateTodoPayload!
}

const serverTodo = store.getRootField('createTodo').getLinkedRecord('todo')
const todoEdges = todosConnection?.getLinkedRecords('edges')

const newTodoEdge = ConnectionHandler.createEdge(
    store,
    todosConnection,
    serverTodo, // node 타입
    'TodoEdge',
  )

buildConnectionEdge

type TodoConnection implements Connection {
  edges: [TodoEdge!]!
  pageInfo: PageInfo!
  count: Int
}

type Mutation {
	createTodo(input: CreateTodoInput!): TodoConnection!
}

const serverEdges = store.getRootField('createTodo').getLinkedRecords('edges')

const newEdge = ConnectionHandler.buildConnectionEdge(store, connection, serverEdge)

if (!newEdge) {
	return
}

ConnectionHandler.insertEdgeAfter(connection, newEdge)

• node 를 통해서 connection edge를 생성하려면 createEdge

• connection 으로부터 전달된 edge를 통해서 edge 를 생성하려면 buildConnectionEdge