I have two components The first one is lt Feed gt The feed q Prisma #prisma-whats-new

I have two components. The first one is <Feed /...

Jarand

01/19/2018, 2:51 PM

I have two components. The first one is <Feed />. The feed queries for all posts in the database. It iterates over each post and returns <Post id={post.id} />. The <Post /> component then queries for the post info based on the postId. I only want the <Post /> component to update live when the data is changed in the query. The <Feed /> have to refetch the data to get the new data. Is this possible?

Jarand

01/19/2018, 2:53 PM

When some data is mutated in the <Post /> component, it also affects the <Feed /> data, without having to refetch. I don't want this

iamclaytonray

01/19/2018, 2:58 PM

I assume you are using Apollo?

Jarand

01/19/2018, 2:58 PM

Yes, thats right

iamclaytonray

01/19/2018, 2:59 PM

https://www.apollographql.com/docs/react/basics/queries.html#graphql-query-data-refetch

iamclaytonray

01/19/2018, 2:59 PM

Check the docs out there

iamclaytonray

01/19/2018, 3:00 PM

Also, we have a React channel you might be interested in

Jarand

01/19/2018, 3:01 PM

Ah, great Thanks.

Jarand

01/19/2018, 3:02 PM

The

data.refetch

is what i want the <Feed /> component to do before i get the new data. But right now i get the new data without doing a refetch, beacuse of the mutate in child component <Post />

Jarand

01/19/2018, 3:03 PM

Copy code

update: (store, { data: { createReaction } }) => {
                        const data = store.readQuery({
                            query: getPost,
                            variables: { id: ownProps.postId }
                        })
                        data.Post.reactions.push(createReaction)
                        const write = store.writeQuery({
                            query: getPost,
                            data
                        })
                    }

Jarand

01/19/2018, 3:04 PM

I use the

update

property in graphql() when i do mutate in <Post />

Jarand

01/19/2018, 3:04 PM

Like i said, i only want this to affect the <Post /> and not the parent <Feed /> component

iamclaytonray

01/19/2018, 3:04 PM

Does <Feed /> grab props from <Post />

Jarand

01/19/2018, 3:04 PM

Nope. Feed is the parent that send props to <Post />

Jarand

01/19/2018, 3:05 PM

But it looks like data is being updated in every component that queries the data i update? Is that right?

iamclaytonray

01/19/2018, 3:06 PM

Hmm… I’m not sure. I’d have to see the code to actually understand it. Sorry 😕

iamclaytonray

01/19/2018, 3:07 PM

If you create a gist, I can look at it and give you a better answer. I’ve just always sucked at word problems, haha

Jarand

01/19/2018, 3:08 PM

haha, okei. I'll give it a try. Give me 2 minutes. Thanks

iamclaytonray

01/19/2018, 3:10 PM

Sure thing 😄

Jarand

01/19/2018, 3:14 PM

Ok, i tried to strip the code down

Jarand

01/19/2018, 3:15 PM

What i want is the component <Post /> to have refreshed content, but not the <Feed />, because it will re-order the list.

Jarand

01/19/2018, 3:15 PM

https://gist.github.com/jarandmi/36a8c7769d17656916aa6f8c05315016

Jarand

01/19/2018, 3:15 PM

https://gist.github.com/jarandmi/c8c7d478cb957174db1731f3ac256e3c

Jarand

01/19/2018, 3:17 PM

What i think is happening is that when i do a mutation and update the cache, it affects all components that queries that data

iamclaytonray

01/19/2018, 3:19 PM

I think you’re right but I’ve never really worked with Apollo’s cache, so I wouldn’t be able to tell you a solution

iamclaytonray

01/19/2018, 3:19 PM

I think they just released a new minor version that’s supposed to dramatically improve the cache or something like that

iamclaytonray

01/19/2018, 3:20 PM

But I’m not sure on that either 💁

Jarand

01/19/2018, 3:20 PM

Okey, thank you anyway 🙂

iamclaytonray

01/19/2018, 3:21 PM

The react channel may help you more

Jarand

01/19/2018, 3:41 PM

Do you know why the updatedAt property in the database don't update when i add a new relation to a to-many relation?

iamclaytonray

01/19/2018, 3:41 PM

Graphcool Framework or Prisma?

iamclaytonray

01/19/2018, 3:42 PM

I think someone reported an issue on this in Github

Jarand

01/19/2018, 3:42 PM

Graph Cool cloud, so probably Graphcool Framework?

iamclaytonray

01/19/2018, 3:42 PM

Using the web Console?

Jarand

01/19/2018, 3:42 PM

Yes

iamclaytonray

01/19/2018, 3:42 PM

Ahh, yeah… I don’t know

iamclaytonray

01/19/2018, 3:43 PM

I use the Framework & Prisma

iamclaytonray

01/19/2018, 3:43 PM

But I think that issue may help you out

iamclaytonray

01/19/2018, 3:43 PM

I’ll try to find it

Jarand

01/19/2018, 3:44 PM

👍

2 Views

Open in Slack

Previous Next