diff --git a/content/community/examples.md b/content/community/examples.md
index 69e45bbf..5c70b3d5 100644
--- a/content/community/examples.md
+++ b/content/community/examples.md
@@ -10,7 +10,7 @@ There are many example projects created by the React community. We're keeping th
If you add a project, please commit to keeping it up to date with the latest versions of React.
-## Small Examples
+## Small Examples {#small-examples}
* **[Calculator](https://github.com/ahfarmer/calculator)** Implementation of the iOS calculator built in React
* **[Emoji Search](https://github.com/ahfarmer/emoji-search)** React app for searching emoji
@@ -20,6 +20,6 @@ If you add a project, please commit to keeping it up to date with the latest ver
* **[Counter App](https://github.com/arnab-datta/counter-app)** A small shopping cart example
* **[Tutorial Solutions](https://github.com/harman052/react-tutorial-solutions)** Solutions to challenges mentioned at the end of React tutorial
-## Complete Apps
+## Complete Apps {#complete-apps}
* **[Builder Book](https://github.com/builderbook/builderbook)** Open-source web app to write and host documentation or sell books. Built with React, Material-UI, Next, Express, Mongoose, MongoDB
diff --git a/flow-typed/gatsby-plugin-google-analytics.js b/flow-typed/gatsby-plugin-google-analytics.js
new file mode 100644
index 00000000..b6c46f1a
--- /dev/null
+++ b/flow-typed/gatsby-plugin-google-analytics.js
@@ -0,0 +1,7 @@
+// import {trackCustomEvent} from 'gatsby-plugin-google-analytics';
+
+declare module 'gatsby-plugin-google-analytics' {
+ declare module.exports: {
+ trackCustomEvent: (...params: any) => void,
+ };
+}
diff --git a/src/components/FeedbackForm/FeedbackForm.js b/src/components/FeedbackForm/FeedbackForm.js
new file mode 100644
index 00000000..5ef678aa
--- /dev/null
+++ b/src/components/FeedbackForm/FeedbackForm.js
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * @emails react-core
+ * @flow
+ */
+
+// $FlowExpectedError
+import React, {useState} from 'react';
+import {trackCustomEvent} from 'gatsby-plugin-google-analytics';
+import {sharedStyles} from 'theme';
+
+const FeedbackForm = () => {
+ const [feedbackGiven, setFeedbackGiven] = useState(false);
+
+ if (feedbackGiven) {
+ return 'Thanks for letting us know!';
+ } else {
+ return (
+
+ 'Is this page useful?'
+
+
+
+ );
+ }
+};
+
+export default FeedbackForm;
diff --git a/src/components/FeedbackForm/index.js b/src/components/FeedbackForm/index.js
new file mode 100644
index 00000000..bc478da5
--- /dev/null
+++ b/src/components/FeedbackForm/index.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * @emails react-core
+ */
+
+import FeedbackForm from './FeedbackForm';
+
+export default FeedbackForm;
diff --git a/src/components/MarkdownPage/MarkdownPage.js b/src/components/MarkdownPage/MarkdownPage.js
index a8904abb..06e878fd 100644
--- a/src/components/MarkdownPage/MarkdownPage.js
+++ b/src/components/MarkdownPage/MarkdownPage.js
@@ -12,10 +12,12 @@ import NavigationFooter from 'templates/components/NavigationFooter';
import React from 'react';
import StickyResponsiveSidebar from 'components/StickyResponsiveSidebar';
import TitleAndMetaTags from 'components/TitleAndMetaTags';
+import FeedbackForm from 'components/FeedbackForm';
import findSectionForPath from 'utils/findSectionForPath';
import toCommaSeparatedList from 'utils/toCommaSeparatedList';
import {sharedStyles} from 'theme';
import createCanonicalUrl from 'utils/createCanonicalUrl';
+import {colors} from 'theme';
import type {Node} from 'types';
@@ -114,6 +116,16 @@ const MarkdownPage = ({
{markdownRemark.fields.path && (