Updated the State of JS Survey Results (#12350)

Co-authored-by: fisker Cheung <lionkay@gmail.com>
This commit is contained in:
Harry Hopkinsonandfisker Cheung authored and GitHub committed 2022-03-24 11:08:01 +08:00
1 parent becb6c9b74
commit 9e7f7b9295
5 files changed
+43 -42

No files matched your search

+20 -20
View File
@@ -283,31 +283,34 @@ const UsersSection = ({ language }) => {
>
<div style={{ display: "flex", marginTop: "22px" }}>
<a
href="https://2020.stateofjs.com/en-US/other-tools/utilities"
className="growOnHover"
href="https://2021.stateofjs.com/en-US/other-tools/utilities"
style={{ marginTop: "15px" }}
>
<img
src="/images/state_of_js_grey.svg"
style={{ height: "100px" }}
style={{ width: "80px" }}
/>
</a>
<div style={{ marginLeft: ".7em", width: "260px" }}>
<p>
Regularly used by more than <strong>70%</strong> of respondents
to State of JS 2020
</p>
<Button href="https://2020.stateofjs.com/en-US/other-tools/utilities">
Go to Survey Results
</Button>
<p>Regularly used by:</p>
<ul style={{ marginBottom: "0" }}>
<li>
<a href="https://2021.stateofjs.com/en-US/other-tools/#utilities">
More than 83% of respondents to State of JS 2021.
</a>
</li>
<li>
<a href="https://2020.stateofjs.com/en-US/other-tools/#utilities">
More than 70% of respondents to State of JS 2020.
</a>
</li>
</ul>
</div>
</div>
<div style={{ display: "flex", marginTop: "22px" }}>
<a
href="https://github.com/prettier/prettier"
className="growOnHover"
>
<img src="/images/github_grey.svg" style={{ height: "100px" }} />
<a href="https://github.com/prettier/prettier">
<img src="/images/github_grey.svg" style={{ width: "80px" }} />
</a>
<div style={{ marginLeft: ".7em", width: "260px" }}>
<p>
@@ -322,11 +325,8 @@ const UsersSection = ({ language }) => {
</div>
<div style={{ display: "flex", marginTop: "22px" }}>
<a
href="https://npmjs.com/package/prettier"
className="growOnHover"
>
<img src="/images/npm_grey.svg" style={{ height: "100px" }} />
<a href="https://npmjs.com/package/prettier">
<img src="/images/npm_grey.svg" style={{ width: "80px" }} />
</a>
<div style={{ marginLeft: ".7em", width: "260px" }}>
<p>
+16 -19
View File
@@ -23,28 +23,25 @@ class Users extends React.Component {
</div>
<blockquote
style={{
display: "flex",
alignItems: "center",
fontSize: "125%",
textAlign: "left",
}}
>
<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
</a>{" "}
survey (14880&nbsp;developers out of 20974).
</div>
<a href="https://2020.stateofjs.com">
<img
title="State of JS 2020"
src="/images/state_of_js.svg"
width="180"
style={{ background: "#222429", borderRadius: 5 }}
/>
</a>
<p>Prettier is regularly used by:</p>
<ul>
<li>
<a href="https://2021.stateofjs.com/en-US/other-tools/#utilities">
More than <strong>83%</strong> of respondents to State of
JS 2021 (10282 developers out of 12360).
</a>
</li>
<li>
<a href="https://2020.stateofjs.com/en-US/other-tools/#utilities">
More than <strong>70%</strong> of respondents to State of
JS 2020 (14880 developers out of 20974).
</a>
</li>
</ul>
</blockquote>
<div className="logos">{showcase}</div>
<div className="prose">
-1
View File
@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 344 334"><path stroke="#5c6069" stroke-width="1.614" d="M172 246.096h79.097v79.097H172z"/><path fill="#FE6A6A" d="M209.85 293.078h-10.14l4.416-3.574c2.935-2.353 5.172-4.533 5.172-7.845 0-3.487-2.469-6.015-6.799-6.015-4.213 0-6.421 2.383-7.293 5.056l3.313 1.25c.494-1.686 1.54-3.022 3.661-3.022 1.917 0 3.08 1.046 3.08 2.963v.291c0 1.714-1.046 3.138-3.197 4.998l-6.508 5.549v3.545h14.295v-3.196zm10.159 3.545c5.288 0 7.67-3.865 7.67-10.489 0-6.625-2.382-10.49-7.67-10.49-5.289 0-7.671 3.865-7.671 10.49 0 6.624 2.382 10.489 7.671 10.489zm0-3.051c-2.79 0-3.807-2.15-3.807-5.637v-3.603c0-3.487 1.017-5.637 3.807-5.637 2.789 0 3.806 2.15 3.806 5.637v3.603c0 3.487-1.017 5.637-3.806 5.637zm0-5.724c1.336 0 1.801-.61 1.801-1.395v-.639c0-.785-.465-1.395-1.801-1.395-1.337 0-1.802.61-1.802 1.395v.639c0 .785.465 1.395 1.802 1.395z"/><path fill="#e0e4e4" d="M180.295 254.77v5.433h1.816c.233-.436.712-1.046 1.787-1.046 1.279 0 2.136.872 2.136 2.339 0 1.569-.886 2.557-2.426 2.557-1.555 0-2.514-.915-2.514-2.484v-.218h-1.176v.261c0 2.15 1.496 3.53 3.69 3.53 2.193 0 3.632-1.554 3.632-3.646 0-2.063-1.351-3.4-3.109-3.4-1.438 0-2.107.654-2.485 1.351h-.174v-3.588h5.492v-1.089h-6.669z"/><path stroke="#5c6069" stroke-width="1.614" d="M251.096 167h79.097v79.097h-79.097z"/><path fill="#FE6A6A" d="M288.85 214.078h-10.14l4.416-3.574c2.935-2.353 5.172-4.533 5.172-7.845 0-3.487-2.469-6.015-6.799-6.015-4.213 0-6.421 2.383-7.293 5.056l3.313 1.25c.494-1.686 1.54-3.022 3.661-3.022 1.917 0 3.08 1.046 3.08 2.963v.291c0 1.714-1.046 3.138-3.197 4.998l-6.508 5.549v3.545h14.295v-3.196zm10.159 3.545c5.288 0 7.67-3.865 7.67-10.489 0-6.625-2.382-10.49-7.67-10.49-5.289 0-7.671 3.865-7.671 10.49 0 6.624 2.382 10.489 7.671 10.489zm0-3.051c-2.79 0-3.807-2.15-3.807-5.637v-3.603c0-3.487 1.017-5.637 3.807-5.637 2.789 0 3.806 2.15 3.806 5.637v3.603c0 3.487-1.017 5.637-3.806 5.637zm0-5.724c1.336 0 1.801-.61 1.801-1.395v-.639c0-.785-.465-1.395-1.801-1.395-1.337 0-1.802.61-1.802 1.395v.639c0 .785.465 1.395 1.802 1.395z"/><path fill="#e0e4e4" d="M266.322 182.53c0-2.092-1.497-3.472-3.255-3.472-1.481 0-2.193.726-2.557 1.337h-.174v-1.453c0-1.438.915-2.383 2.455-2.383 1.511 0 2.223.814 2.223 2.049h1.191c0-1.831-1.278-3.138-3.414-3.138-2.179 0-3.646 1.438-3.646 3.53v3.545c0 2.106 1.554 3.501 3.574 3.501 2.048 0 3.603-1.424 3.603-3.516zm-3.603-2.44c1.438 0 2.411.987 2.411 2.44 0 1.453-.973 2.426-2.411 2.426-1.409 0-2.383-.973-2.383-2.426 0-1.453.974-2.44 2.383-2.44z"/><path stroke="#5c6069" stroke-width="1.614" d="M172 8.807h79.097v79.097H172z"/><path fill="#e0e4e4" d="M210.955 58.985l-5.724-20.281h-5.289l-5.695 20.28h3.836l1.394-5.142h6.015l1.424 5.143h4.039zm-6.102-8.252h-4.707l2.237-8.281h.233l2.237 8.28zm21.809 8.252V56.05h-6.101v-9.123h6.101v-2.935h-6.101v-5.288h-3.458v3.632c0 1.25-.465 1.656-1.656 1.656h-2.964v2.935h4.359v7.99c0 2.383 1.336 4.068 4.184 4.068h5.636zm-46.686-38.25v.377h1.191v-.305c0-1.569.944-2.44 2.484-2.44 1.308 0 2.267.784 2.267 2.135 0 1.467-1.046 2.107-2.775 2.615-1.932.567-3.182 1.337-3.182 3.356v1.177h7.09v-1.09h-5.884v-.232c0-1.395.872-1.758 2.499-2.252 1.99-.61 3.443-1.482 3.443-3.53 0-1.962-1.438-3.27-3.458-3.27-2.15 0-3.675 1.323-3.675 3.459z"/><path stroke="#5c6069" stroke-width="1.614" d="M251.096 87.903h79.097V167h-79.097z"/><path fill="#e0e4e4" d="M296.402 138.081v-3.138h-9.007v-5.579h8.688v-3.138h-8.688v-5.288h9.007V117.8h-12.813v20.281h12.813zm-37.214-41.504v1.104h5.274l-3.167 2.789v1.119h1.453c1.235 0 2.252.726 2.252 2.063 0 1.264-.93 2.208-2.368 2.208-1.555 0-2.543-.857-2.543-2.383v-.581h-1.191v.625c0 2.107 1.54 3.429 3.748 3.429 1.976 0 3.545-1.337 3.545-3.269 0-1.874-1.322-3.037-3.007-3.037h-.364v-.159l3.269-2.848v-1.06h-6.901z"/><path stroke="#5c6069" stroke-width="1.614" d="M92.903 8.807H172v79.097H92.903z"/><path fill="#e0e4e4" d="M123.258 59.333c4.91 0 7.554-2.644 7.554-6.42 0-3.023-1.714-5.028-5.201-5.667l-2.121-.378c-2.237-.377-3.08-1.133-3.08-2.673 0-1.801 1.133-2.73 3.312-2.73 2.034 0 3.545.813 4.62 2.091l2.238-2.383c-1.395-1.743-3.719-2.818-6.887-2.818-4.416 0-7.118 2.15-7.118 6.015 0 2.818 1.453 5.085 5.201 5.724l2.15.348c2.208.349 3.051 1.133 3.051 2.732 0 1.946-1.279 3.05-3.603 3.05-2.005 0-3.777-.813-5.288-2.556l-2.296 2.382c1.54 1.976 4.01 3.283 7.468 3.283zm24.308-.348V56.05h-6.102v-9.123h6.102v-2.935h-6.102v-5.288h-3.457v3.632c0 1.25-.465 1.656-1.657 1.656h-2.963v2.935h4.358v7.99c0 2.383 1.337 4.068 4.184 4.068h5.637zM103.16 17.48l-2.905 4.388h1.351l2.063-3.226h.174v9.008h1.191l.015-10.17h-1.889z"/><path stroke="#5c6069" stroke-width="1.614" d="M92.807 246V87.807H251V246H92.807z"/><path fill="#e0e4e4" d="M132.501 216.607l12.23-7.401c2.359 4.183 4.506 7.723 9.654 7.723 4.934 0 8.046-1.931 8.046-9.439v-51.062h15.017v51.274c0 15.555-9.117 22.635-22.42 22.635-12.013 0-18.987-6.222-22.527-13.731m53.105-1.608l12.228-7.08c3.219 5.257 7.402 9.119 14.804 9.119 6.222 0 10.19-3.111 10.19-7.403 0-5.149-4.076-6.972-10.941-9.975l-3.754-1.61c-10.835-4.612-18.023-10.405-Line truncated

Before

Width:  |  Height:  |  Size: 5.9 KiB

+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 344 334"><path stroke="#6f7b81" stroke-width="1.614" d="M172 246.096h79.097v79.097H172z"/><path fill="#6f7b81" d="M209.85 293.078h-10.14l4.416-3.574c2.935-2.353 5.172-4.533 5.172-7.845 0-3.487-2.469-6.015-6.799-6.015-4.213 0-6.421 2.383-7.293 5.056l3.313 1.25c.494-1.686 1.54-3.022 3.661-3.022 1.917 0 3.08 1.046 3.08 2.963v.291c0 1.714-1.046 3.138-3.197 4.998l-6.508 5.549v3.545h14.295v-3.196zm10.159 3.545c5.288 0 7.67-3.865 7.67-10.489 0-6.625-2.382-10.49-7.67-10.49-5.289 0-7.671 3.865-7.671 10.49 0 6.624 2.382 10.489 7.671 10.489zm0-3.051c-2.79 0-3.807-2.15-3.807-5.637v-3.603c0-3.487 1.017-5.637 3.807-5.637 2.789 0 3.806 2.15 3.806 5.637v3.603c0 3.487-1.017 5.637-3.806 5.637zm0-5.724c1.336 0 1.801-.61 1.801-1.395v-.639c0-.785-.465-1.395-1.801-1.395-1.337 0-1.802.61-1.802 1.395v.639c0 .785.465 1.395 1.802 1.395zm-39.714-33.078v5.433h1.816c.233-.436.712-1.046 1.787-1.046 1.279 0 2.136.872 2.136 2.339 0 1.569-.886 2.557-2.426 2.557-1.555 0-2.514-.915-2.514-2.484v-.218h-1.176v.261c0 2.15 1.496 3.53 3.69 3.53 2.193 0 3.632-1.554 3.632-3.646 0-2.063-1.351-3.4-3.109-3.4-1.438 0-2.107.654-2.485 1.351h-.174v-3.588h5.492v-1.089h-6.669z"/><path stroke="#6f7b81" stroke-width="1.614" d="M251.096 167h79.097v79.097h-79.097z"/><path fill="#6f7b81" d="M288.85 214.078h-10.14l4.416-3.574c2.935-2.353 5.172-4.533 5.172-7.845 0-3.487-2.469-6.015-6.799-6.015-4.213 0-6.421 2.383-7.293 5.056l3.313 1.25c.494-1.686 1.54-3.022 3.661-3.022 1.917 0 3.08 1.046 3.08 2.963v.291c0 1.714-1.046 3.138-3.197 4.998l-6.508 5.549v3.545h14.295v-3.196zm10.159 3.545c5.288 0 7.67-3.865 7.67-10.489 0-6.625-2.382-10.49-7.67-10.49-5.289 0-7.671 3.865-7.671 10.49 0 6.624 2.382 10.489 7.671 10.489zm0-3.051c-2.79 0-3.807-2.15-3.807-5.637v-3.603c0-3.487 1.017-5.637 3.807-5.637 2.789 0 3.806 2.15 3.806 5.637v3.603c0 3.487-1.017 5.637-3.806 5.637zm0-5.724c1.336 0 1.801-.61 1.801-1.395v-.639c0-.785-.465-1.395-1.801-1.395-1.337 0-1.802.61-1.802 1.395v.639c0 .785.465 1.395 1.802 1.395zm-32.687-26.318c0-2.092-1.497-3.472-3.255-3.472-1.481 0-2.193.726-2.557 1.337h-.174v-1.453c0-1.438.915-2.383 2.455-2.383 1.511 0 2.223.814 2.223 2.049h1.191c0-1.831-1.278-3.138-3.414-3.138-2.179 0-3.646 1.438-3.646 3.53v3.545c0 2.106 1.554 3.501 3.574 3.501 2.048 0 3.603-1.424 3.603-3.516zm-3.603-2.44c1.438 0 2.411.987 2.411 2.44 0 1.453-.973 2.426-2.411 2.426-1.409 0-2.383-.973-2.383-2.426 0-1.453.974-2.44 2.383-2.44z"/><path stroke="#6f7b81" stroke-width="1.614" d="M172 8.807h79.097v79.097H172z"/><path fill="#6f7b81" d="M210.955 58.985l-5.724-20.281h-5.289l-5.695 20.28h3.836l1.394-5.142h6.015l1.424 5.143h4.039zm-6.102-8.252h-4.707l2.237-8.281h.233l2.237 8.28zm21.809 8.252V56.05h-6.101v-9.123h6.101v-2.935h-6.101v-5.288h-3.458v3.632c0 1.25-.465 1.656-1.656 1.656h-2.964v2.935h4.359v7.99c0 2.383 1.336 4.068 4.184 4.068h5.636zm-46.686-38.25v.377h1.191v-.305c0-1.569.944-2.44 2.484-2.44 1.308 0 2.267.784 2.267 2.135 0 1.467-1.046 2.107-2.775 2.615-1.932.567-3.182 1.337-3.182 3.356v1.177h7.09v-1.09h-5.884v-.232c0-1.395.872-1.758 2.499-2.252 1.99-.61 3.443-1.482 3.443-3.53 0-1.962-1.438-3.27-3.458-3.27-2.15 0-3.675 1.323-3.675 3.459z"/><path stroke="#6f7b81" stroke-width="1.614" d="M251.096 87.903h79.097V167h-79.097z"/><path fill="#6f7b81" d="M296.402 138.081v-3.138h-9.007v-5.579h8.688v-3.138h-8.688v-5.288h9.007V117.8h-12.813v20.281h12.813zm-37.214-41.504v1.104h5.274l-3.167 2.789v1.119h1.453c1.235 0 2.252.726 2.252 2.063 0 1.264-.93 2.208-2.368 2.208-1.555 0-2.543-.857-2.543-2.383v-.581h-1.191v.625c0 2.107 1.54 3.429 3.748 3.429 1.976 0 3.545-1.337 3.545-3.269 0-1.874-1.322-3.037-3.007-3.037h-.364v-.159l3.269-2.848v-1.06h-6.901z"/><path stroke="#6f7b81" stroke-width="1.614" d="M92.903 8.807H172v79.097H92.903z"/><path fill="#6f7b81" d="M123.258 59.333c4.91 0 7.554-2.644 7.554-6.42 0-3.023-1.714-5.028-5.201-5.667l-2.121-.378c-2.237-.377-3.08-1.133-3.08-2.673 0-1.801 1.133-2.73 3.312-2.73 2.034 0 3.545.813 4.62 2.091l2.238-2.383c-1.395-1.743-3.719-2.818-6.887-2.818-4.416 0-7.118 2.15-7.118 6.015 0 2.818 1.453 5.085 5.201 5.724l2.15.348c2.208.349 3.051 1.133 3.051 2.732 0 1.946-1.279 3.05-3.603 3.05-2.005 0-3.777-.813-5.288-2.556l-2.296 2.382c1.54 1.976 4.01 3.283 7.468 3.283zm24.308-.348V56.05h-6.102v-9.123h6.102v-2.935h-6.102v-5.288h-3.457v3.632c0 1.25-.465 1.656-1.657 1.656h-2.963v2.935h4.358v7.99c0 2.383 1.337 4.068 4.184 4.068h5.637zM103.16 17.48l-2.905 4.388h1.351l2.063-3.226h.174v9.008h1.191l.015-10.17h-1.889z"/><path stroke="#6f7b81" stroke-width="1.614" d="M92.807 246V87.807H251V246H92.807z"/><path fill="#6f7b81" d="M132.501 216.607l12.23-7.401c2.359 4.183 4.506 7.723 9.654 7.723 4.934 0 8.046-1.931 8.046-9.439v-51.062h15.017v51.274c0 15.555-9.117 22.635-22.42 22.635-12.013 0-18.987-6.222-22.527-13.731m53.105-1.608l12.228-7.08c3.219 5.257 7.402 9.119 14.804 9.119 6.222 0 10.19-3.111 10.19-7.403 0-5.149-4.076-6.972-10.941-9.975l-3.754-1.61c-10.835-4.612-18.023-10.405-18.023-22.634 0-11.263 8.582-19.846 21.992-19.846 9.54Line truncated
<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(111,123,129)" viewBox="0 0 1143 370" class="SidebarLogo__SVG-sc-134wwb4-1 jirPnA"><g><path d="M78.845 54.401l5.548-20.694h106.935l-53.619 199.085H13.836a63.63 63.63 0 01-8.455-20.694h116.436l42.472-157.697H78.845zM184.81 332.293a39.517 39.517 0 0023.98-8.146 39.48 39.48 0 0014.103-21.028l38.201-141.6a24.27 24.27 0 0123.395-17.922h67.001l5.547-20.694h-76.782a39.514 39.514 0 00-23.981 8.145 39.49 39.49 0 00-14.103 21.028l-38.2 141.601a24.26 24.26 0 01-8.664 12.918 24.277 24.277 0 01-14.732 5.004H83.519l-5.548 20.694H184.81zm29.731-192.002l-38.2 141.6H91.483L85.13 305.59h95.444a18.254 18.254 0 0011.077-3.763 18.236 18.236 0 006.514-9.712l38.2-141.601a45.502 45.502 0 0116.253-24.233 45.534 45.534 0 0127.636-9.387h78.393L365 93.195h-88.981a63.693 63.693 0 00-38.729 13.128 63.639 63.639 0 00-22.75 33.968zM230.132 4H92.357l-6.353 23.698h113.168l-56.855 211.103H18.133a63.272 63.272 0 0022.074 17.507 63.308 63.308 0 0027.49 6.192h92.815L230.132 4zm54.356 145.606a18.255 18.255 0 00-11.077 3.762 18.235 18.235 0 00-6.514 9.713l-38.2 141.6a45.505 45.505 0 01-16.252 24.233 45.537 45.537 0 01-27.636 9.388H76.36L70.007 362h119.036a63.685 63.685 0 0038.729-13.128 63.639 63.639 0 0022.75-33.968l38.2-141.6h54.803l6.353-23.698h-65.39zM117.21 206.089l39.235-145.678h-79.21l-6.353 23.698h54.602l-26.47 98.282H6.198a63.5 63.5 0 00-1.796 23.698H117.21zM513.306 94.832c0 102.212-110.308 119.416-110.308 223.652V362h160.908v-50.6H458.658c-.506-2.53-.506-5.06-.506-7.59 0-58.19 110.814-99.682 110.814-211.002 0-56.672-28.336-89.056-82.984-89.056-54.648 0-82.984 32.384-82.984 89.056v34.408h52.624v-37.95c0-25.3 11.132-34.914 28.842-34.914s28.842 8.602 28.842 40.48zm141.419-5.566c0-25.3 11.132-34.914 28.842-34.914s28.842 9.614 28.842 34.914v191.268c0 25.3-11.132 34.914-28.842 34.914s-28.842-9.614-28.842-34.914V89.266zm-55.66 187.726c0 56.672 29.854 89.056 84.502 89.056 54.648 0 84.502-32.384 84.502-89.056V92.808c0-56.672-29.854-89.056-84.502-89.056-54.648 0-84.502 32.384-84.502 89.056v184.184zm315.483-182.16c0 102.212-110.308 119.416-110.308 223.652V362h160.908v-50.6H859.9c-.506-2.53-.506-5.06-.506-7.59 0-58.19 110.814-99.682 110.814-211.002 0-56.672-28.336-89.056-82.984-89.056-54.648 0-82.984 32.384-82.984 89.056v34.408h52.624v-37.95c0-25.3 11.132-34.914 28.842-34.914s28.842 8.602 28.842 40.48zm124.722-3.036h43.01V362h55.66V7.8h-37.44c-8.61 23.782-18.22 44.528-61.23 44.528v39.468z"></path></g></svg>

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

+6 -1
View File
@@ -415,12 +415,17 @@ em {
}
.ecosystemSubSection p {
padding-top: 4px !important;
padding-top: 0 !important;
font-size: 0.9em;
color: rgb(176, 196, 206) !important;
line-height: 1.2em !important;
}
.ecosystemSubSection ul,
.ecosystemSubSection ul a {
color: rgb(176, 196, 206) !important;
}
.growOnHover {
transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}