Skip to content

Commit

Permalink
fix(apollo-client-cache): fix image loading
Browse files Browse the repository at this point in the history
  • Loading branch information
frankcalise committed Jul 3, 2024
1 parent f5e3c25 commit 66924dc
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions docs/recipes/ApolloClientCache.md
Original file line number Diff line number Diff line change
Expand Up @@ -109,11 +109,11 @@ reactotron.onCustomCommand({

Now if we look at our Reactotron window, you'll see under the Custom Commands we have a new button! Press that and flip back to the timeline. You'll see we have a new list item that we can tap on and see the value of the in-memory cache from the Apollo Client

![Cache Snapshot Custom Command](https://private-user-images.githubusercontent.com/374022/316961769-3afeba98-70e9-486a-bc98-f3cb2a18e4b3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYxNzY5LTNhZmViYTk4LTcwZTktNDg2YS1iYzk4LWYzY2IyYTE4ZTRiMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03OTgxN2M3YjNlY2E1ODhkMzRkNTVmZDUwMDRjZGUxNDhhYWJmNmI5ZTE2OTljM2UxNjQwMjcxMzRkMjIzMTM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.b6kbQjn7Q24lKyyNesr4fPLv5mfs0NnXZGCwgWt9tOI)
![Cache Snapshot Custom Command](https://github.com/infinitered/ignite-cookbook/assets/374022/3afeba98-70e9-486a-bc98-f3cb2a18e4b3)

![Cache Snapshot Timeline Collapsed](https://private-user-images.githubusercontent.com/374022/316962010-14bbca18-23dc-4603-9fec-d7d3f78b2906.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMDEwLTE0YmJjYTE4LTIzZGMtNDYwMy05ZmVjLWQ3ZDNmNzhiMjkwNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yM2Q3ZmRkZGU0M2RkOTMwMTQ5YjZiNGVmMTQxY2YzNjE4NjEzNGI3M2VhNzA2MTJjMDc2M2ZiNTJjMDJlYmI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.9GG2mAai2ZLwOdMflyN0GoRMtdNuvMVr0KQR4ppMNlI)
![Cache Snapshot Timeline Collapsed](https://github.com/infinitered/ignite-cookbook/assets/374022/14bbca18-23dc-4603-9fec-d7d3f78b2906)

![Cache Snapshot Timeline Expanded](https://private-user-images.githubusercontent.com/374022/316962193-f4444809-42a2-4e92-9f34-4fdb2f0b11c1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMTkzLWY0NDQ0ODA5LTQyYTItNGU5Mi05ZjM0LTRmZGIyZjBiMTFjMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMzBkYWNhMzVhZTBiNWFhNWIwZjEzYTMxZjI0NWIyYTQ4NDgzZTYxZDQwYmYzZTU3ZTQ0MzcxNWI4NzdmZmUxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.hKKPmobTwe9ymQvt17SWWlwwfWMANmnqwBND21mUwEE)
![Cache Snapshot Timeline Expanded](https://github.com/infinitered/ignite-cookbook/assets/374022/f4444809-42a2-4e92-9f34-4fdb2f0b11c1)

## Cache by Key

Expand Down Expand Up @@ -200,10 +200,10 @@ reactotron.onCustomCommand({
});
```

![Cache By Key Custom Command](https://private-user-images.githubusercontent.com/374022/316961853-2262dfc4-ce4e-409c-9ab5-3bfb0e45d788.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYxODUzLTIyNjJkZmM0LWNlNGUtNDA5Yy05YWI1LTNiZmIwZTQ1ZDc4OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01ZTQ5ODhiZWMzMTE5YjIyZTg5YjZlYmYyYWUxMDIzYjM4MDJkYjAxYzY3MGNhZTUwNDNjNTVmMGY2YWYwOTRkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.ySP3VT-lXY_aCWtLkmTWWwASlh6ZCWlKgQ5XDgtCzPw)
![Cache By Key Custom Command](https://github.com/infinitered/ignite-cookbook/assets/374022/2262dfc4-ce4e-409c-9ab5-3bfb0e45d788)

![Cache By Key Timeline Collapsed](https://private-user-images.githubusercontent.com/374022/316962080-e2659614-2322-45ec-93cc-1a09123bff4c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMDgwLWUyNjU5NjE0LTIzMjItNDVlYy05M2NjLTFhMDkxMjNiZmY0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hMWQ5NTg1ZWJiMzlhZmU4MGU3YTI4OWFjYzZkNjkzMzFjMTRlNTI4ZmVkY2FlZTljOTgzZTc2NTNjYmQ4MTM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.0wJPqrXgVt0hcNdQe-2JDo42PPa47xneDw6B7UQuuls)
![Cache By Key Timeline Collapsed](https://github.com/infinitered/ignite-cookbook/assets/374022/e2659614-2322-45ec-93cc-1a09123bff4c)

![Cache By Key Timeline Expanded](https://private-user-images.githubusercontent.com/374022/316962242-86966b34-ba10-46ce-931c-de5579b5f6c4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTE0NzIwNjksIm5iZiI6MTcxMTQ3MTc2OSwicGF0aCI6Ii8zNzQwMjIvMzE2OTYyMjQyLTg2OTY2YjM0LWJhMTAtNDZjZS05MzFjLWRlNTU3OWI1ZjZjNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwMzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDMyNlQxNjQ5MjlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYzEwOTEwMzJhZGYxOWQ2YTJjMmFkMDJjYjk0MjI0OTI2NjY5Y2U4NzQ1MWE1YzQxOTkzMDk5MjU1NTMwMjk3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.753f3a64LCho0uMXpIrzHf5fhl1wiu3DkQqSGLSsWXo)
![Cache By Key Timeline Expanded](https://github.com/infinitered/ignite-cookbook/assets/374022/86966b34-ba10-46ce-931c-de5579b5f6c4)

Head back to your Reactotron UI and you'll see the Custom Command at the bottom (or top, depending on how you register in your config) available for use. You can now extract values from more complex key paths such as `ROOT_QUERY.chapter({"id":1}).sections[2]` rather than having to traverse the entire object.

0 comments on commit 66924dc

Please sign in to comment.