Updated the State of JS Survey Results

changelog_unreleased/javascript/12350.md

@@ -0,0 +1,2 @@
+Updated the State of JS Survey Results in order to comply with the 2021 Survey.
+I have removed unused dependecies with depcheck and where applicable, have infered parameter types from usage for type checking. (#12350 by @Harry-Hopkinson)

website/pages/en/index.js

@@ -283,7 +283,7 @@ const UsersSection = ({ language }) => {
         >
           <div style={{ display: "flex", marginTop: "22px" }}>
             <a
-              href="https://2020.stateofjs.com/en-US/other-tools/utilities"
+              href="https://2021.stateofjs.com/en-US/other-tools/utilities"
               className="growOnHover"
             >
               <img
@@ -293,10 +293,10 @@ const UsersSection = ({ language }) => {
             </a>
             <div style={{ marginLeft: ".7em", width: "260px" }}>
               <p>
-                Regularly used by more than <strong>70%</strong> of respondents
-                to State of JS 2020
+                Regularly used by more than <strong>83%</strong> of question
+                respondents from the State of JS 2021
               </p>
-              <Button href="https://2020.stateofjs.com/en-US/other-tools/utilities">
+              <Button href="https://2021.stateofjs.com/en-US/other-tools/#utilities">
                 Go to Survey Results
               </Button>
             </div>
@@ -312,7 +312,7 @@ const UsersSection = ({ language }) => {
             <div style={{ marginLeft: ".7em", width: "260px" }}>
               <p>
                 More than{" "}
-                <strong data-placeholder="dependent-github">3.5 million</strong>{" "}
+                <strong data-placeholder="dependent-github">3.8 million</strong>{" "}
                 dependent repositories on GitHub
               </p>
               <Button href="https://github.com/prettier/prettier/network/dependents">

website/pages/en/users/index.js

@@ -29,17 +29,18 @@ class Users extends React.Component {
                 }}
               >
                 <div className="prose">
-                  Prettier is regularly used by more than <strong>70%</strong>
-                  &nbsp;of the respondents to the “Utilities” section of
-                  the&nbsp;
-                  <a href="https://2020.stateofjs.com/en-US/other-tools/utilities">
-                    State&nbsp;of&nbsp;JS&nbsp;2020
+                  Prettier is regularly used by more than <strong>83%</strong>
+                  &nbsp;of the question respondents from
+                  the “Utilities” section
+                  of the&nbsp;
+                  <a href="https://2021.stateofjs.com/en-US/other-tools/#utilities">
+                    State&nbsp;of&nbsp;JS&nbsp;2021
                   </a>{" "}
-                  survey (14880&nbsp;developers out of 20974).
+                  survey (10282&nbsp;developers out of 12360).
                 </div>
-                <a href="https://2020.stateofjs.com">
+                <a href="https://2021.stateofjs.com">
                   <img
-                    title="State of JS 2020"
+                    title="State of JS 2021"
                     src="/images/state_of_js.svg"
                     width="180"
                     style={{ background: "#222429", borderRadius: 5 }}