"functional component" -> "function component" (facebook#14123)

locknono · sophiebits · commit 2aecbcd6f1a0 · 2018-11-06T17:33:26.000-08:00
diff --git a/packages/create-subscription/README.md b/packages/create-subscription/README.md
@@ -81,7 +81,7 @@ import React from "react";
 import { createSubscription } from "create-subscription";
 
 // Start with a simple component.
-// In this case, it's a functional component, but it could have been a class.
+// In this case, it's a function component, but it could have been a class.
 function FollowerComponent({ followersCount }) {
   return <div>You have {followersCount} followers!</div>;
 }
@@ -164,7 +164,7 @@ function LoadingComponent({ loadingStatus }) {
   }
 }
 
-// Wrap the functional component with a subscriber HOC.
+// Wrap the function component with a subscriber HOC.
 // This HOC will manage subscriptions and pass values to the decorated component.
 // It will add and remove subscriptions in an async-safe way when props change.
 const PromiseSubscription = createSubscription({
diff --git a/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js b/packages/eslint-plugin-react-hooks/src/RulesOfHooks.js
@@ -282,12 +282,12 @@ export default {
         // Gets the function name for our code path. If the function name is
         // `undefined` then we know either that we have an anonymous function
         // expression or our code path is not in a function. In both cases we
-        // will want to error since neither are React functional components or
+        // will want to error since neither are React function components or
         // hook functions.
         const codePathFunctionName = getFunctionName(codePathNode);
 
         // This is a valid code path for React hooks if we are direcly in a React
-        // functional component or we are in a hook function.
+        // function component or we are in a hook function.
         const isSomewhereInsideComponentOrHook = isInsideComponentOrHook(
           codePathNode,
         );
diff --git a/packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js b/packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js
@@ -83,7 +83,7 @@ describe('ReactDOMServerIntegration', () => {
     expect(div.textContent).toBe('Test');
   });
 
-  describe('memoized functional components', () => {
+  describe('memoized function components', () => {
     beforeEach(() => {
       resetModules();
     });

Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,7 @@ import React from "react";`
`81`	`81`	`import { createSubscription } from "create-subscription";`
`82`	`82`
`83`	`83`	`// Start with a simple component.`
`84`		`-// In this case, it's a functional component, but it could have been a class.`
	`84`	`+// In this case, it's a function component, but it could have been a class.`
`85`	`85`	`function FollowerComponent({ followersCount }) {`
`86`	`86`	`return <div>You have {followersCount} followers!</div>;`
`87`	`87`	`}`
`@@ -164,7 +164,7 @@ function LoadingComponent({ loadingStatus }) {`
`164`	`164`	`}`
`165`	`165`	`}`
`166`	`166`
`167`		`-// Wrap the functional component with a subscriber HOC.`
	`167`	`+// Wrap the function component with a subscriber HOC.`
`168`	`168`	`// This HOC will manage subscriptions and pass values to the decorated component.`
`169`	`169`	`// It will add and remove subscriptions in an async-safe way when props change.`
`170`	`170`	`const PromiseSubscription = createSubscription({`