diff --git a/docs/Community-LearningResources.md b/docs/Community-LearningResources.md new file mode 100644 index 0000000000000..a7fa71bcfeb10 --- /dev/null +++ b/docs/Community-LearningResources.md @@ -0,0 +1,65 @@ +--- +id: community-learning-resources +title: Community Learning Resources +--- + +## Relay Modern Learning Blog Posts Thread on Twitter +https://twitter.com/sseraphini/status/1078595758801203202 + +# Basics + +## Relay Modern: What is a fragment? + +Basic explanation of what is a fragment and what it is used for +https://medium.com/@sibelius/relay-modern-what-is-a-fragment-c70f164c2469 + +## Relay Modern anti-pattern + +What you should avoid doing when using Relay concepts +https://medium.com/entria/relay-apollo-anti-pattern-d9f4dea47738 + +## Relay Modern is just getting better + +Some insights of how Relay Modern has improved a lot since Relay Classic +https://medium.com/entria/relay-is-just-getting-better-54112ffc1a9e + +## Relay Modern: @argumentDefinitions + +How to use @argumentsDefinitions to define local variables to your fragments +https://medium.com/entria/relay-modern-argumentdefinitions-d53769dbb95d + +## Relay Modern: How to paginate using a Refetch Container + +You can use a refetch container to paginate as well, just use renderVariables correctly +https://medium.com/entria/relay-modern-pagination-using-refetch-container-editing-a07c6b33ae4e + +# Relay Store + +## Relay Modern: the Relay Store + +How Relay Modern stores your data +https://medium.com/@sibelius/relay-modern-the-relay-store-8984cd148798 + +## Relay Modern: Deep Dive of Updater Relay Store function + +How to update your store properly after a mutation or subscription +https://medium.com/entria/wrangling-the-client-store-with-the-relay-modern-updater-function-5c32149a71ac + +## Relay Modern: Optimistic Update + +How to update your UI before server responds. +https://medium.com/entria/relay-modern-optimistic-update-a09ba22d83c9 + +# Network Layer + +## Relay Modern: Network Deep Dive + +How to incrementally improve your network layer to manage complex data fetching requirements +https://medium.com/entria/relay-modern-network-deep-dive-ec187629dfd3 + +# Configuration + +## Relay Modern with TypeScript + +How to configure Relay Modern to make it with TypeScript +https://medium.com/@sibelius/relay-modern-migration-to-typescript-c26ab0ee749c diff --git a/website/i18n/en.json b/website/i18n/en.json index 6a464cdfbda5d..b9e2dd011a43f 100644 --- a/website/i18n/en.json +++ b/website/i18n/en.json @@ -5,6 +5,9 @@ "previous": "Previous", "tagline": "A JavaScript framework for building data-driven React applications", "docs": { + "community-learning-resources": { + "title": "Community Learning Resources" + }, "graphql-server-specification": { "title": "GraphQL Server Specification" }, @@ -401,6 +404,7 @@ "Guides": "Guides", "Migration Guides": "Migration Guides", "Principles & Architecture": "Principles & Architecture", + "Community": "Community", "Relay Classic Guides": "Relay Classic Guides", "Relay Classic API": "Relay Classic API", "Relay Classic Interfaces": "Relay Classic Interfaces" diff --git a/website/sidebars.json b/website/sidebars.json index 85000b2ca24cf..03cbbc1ccb0ce 100644 --- a/website/sidebars.json +++ b/website/sidebars.json @@ -42,6 +42,9 @@ "compiler-architecture", "runtime-architecture", "videos" + ], + "Community": [ + "community-learning-resources" ] } }