-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo2022.yml
360 lines (243 loc) · 17 KB
/
demo2022.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
locale: nb-NO
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: The 2022 edition of the annual survey about the latest trends in the GraphQL ecosystem.
- key: general.livestream_announcement
t: Make sure to tune in for our [special survey results livestream](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) on February 22! (English)
###########################################################################
# Introduction
###########################################################################
- key: introduction.demo2022
t: >
<span class="first-letter">S</span>ince being originally created at Facebook in September 2015, many developers have embraced GraphQL as a new and promising way to build APIs.
Yet 7 years later, a lot of questions still remain: when do you need GraphQL exactly? Should you hand-code your GraphQL API or generate it from your database? And will it ever replace REST?
To answer these questions and many more, we've created the first ever **State of GraphQL** community survey. Over 3,000 developers took part this year, and this is just the beginning.
We hope you enjoy browsing the data, and make sure to check out our [GraphQL API](https://graphiql.devographics.com/) as well!
<span class="conclusion__byline">– Sacha Greif</span>
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: T-skjorte
- key: sections.tshirt.description
t: |
## Support the Survey With the State of JavaScript T-skjorte
Between the bad video quality, the bulky cassettes, and having to rewind, there's not much to miss about the VHS era. But one thing we *do* miss are the amazing 90s visuals that used to adorn blank VHS tapes.
But now, thanks to the talented Christopher Kirk-Nielsen you can enjoy all this retro radness while also celebrating your love for JavaScript at the same time!
- key: tshirt.about
t: Om t-skjorten
- key: tshirt.description
t: |
Vi bruker en høykvalitets og supermyk t-skjorte med en slim fit, med print fra vår parner, Cotton Bureau.
- key: tshirt.getit
t: Kjøp den
- key: tshirt.price
t: USD $29 + frakt
- key: tshirt.designer.heading
t: Om designeren
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: |
Opprinnelig fra Frankrike, men nå basert i USA, er Chris ikke bare en fantastisk front-end utvikler, men også en talentfull illustratør som spesialiserer seg på det retrovisuelle. Vi oppfordrer deg også til å sjekke ut hans [andre t-skjortedesign](https://chriskirknielsen.com/designs)!
###########################################################################
# Sections
###########################################################################
- key: sections.user_info_demo2022.description
t: |
**3,094** respondents took part in this year's survey.
- key: sections.features_demo2022.description
t: |
GraphQL may be a simple concept at its core, but there are many features and patterns to consider when you dig below the surface.
- key: sections.libraries_demo2022.description
t: |
The GraphQL ecosystem is surprisingly deep, with many competing libraries helping you set up your API.
- key: sections.tools_others_demo2022.description
t: |
Picking the right tools to use in combination with GraphQL can make all the difference.
- key: sections.usage_demo2022.description
t: |
We wanted to know not only how people use GraphQL, but also *why* they use it – as well as where GraphQL is still lacking…
- key: sections.resources_demo2022.description
t: |
We're sure you'll discover at least one or two new people, podcasts, or blogs to follow!
###########################################################################
# Charts
###########################################################################
- key: options.features_categories.graphql_language
aliasFor: sections.graphql_language.title
- key: options.features_categories.directives
aliasFor: sections.directives.title
- key: options.features_categories.security_performance
aliasFor: sections.security_performance.title
- key: options.features_categories.other_features
aliasFor: sections.other_features.title
- key: blocks.tools_quadrant.description
t: |
This chart shows each technology's **retention ratio** over its total **user count**.
It can be divided into four quadrants:
- **1**: Low usage, high retention. Technologies worth keeping an eye on.
- **2**: High usage, high retention. Safe technologies to adopt.
- **3**: Low usage, low retention. Technologies that are harder to recommend currently.
- **4**: High usage, low retention. Reassess these technologies if you're currently using them.
###########################################################################
# Notes
###########################################################################
- key: blocks.gender.note
t: |
Hvis du er interessert i å lære mer, har vi [skrevet et blogginnlegg](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj) som tar for seg kjønnsfordelingen og dynamikken mellom de i undersøkelsen.
- key: blocks.css_missing_features.note
t: |
You can explore the full dataset of answers to this question in [this side project](https://whatsmissingfromcss.com/).
- key: blocks.source.note
t: >
This chart aggregates a mix of referrers, URL parameters, and svar i fritekst-format.
- State of JS: the [State of JS](https://stateofjs.com) mailing list.
- State of CSS: the State of CSS mailing list; also matches `email`, `by email`, etc.
- Work: matches `work`, `colleagues`, `coworkers`, etc.
###########################################################################
# Awards
###########################################################################
- key: award.feature_adoption_delta_award.comment
t: With a **{value}** progression in 2021, the nullish coalescing operator (??) has quickly become an integral part of JavaScript.
- key: award.tool_usage_delta_award.comment
t: esbuild is barely two years old, but with a **{value}** progression over the last year it's already gaining ground.
- key: award.tool_satisfaction_award.comment
t: Vite takes the top spot with a sky-high **{value}** retention ratio!
- key: award.tool_interest_award.comment
t: With a **{value}** interest ratio, Vite once again wins the gold!
- key: award.most_write_ins_award.comment
t: Many questions also accepted write-in answers, and with **{value}** mentions Elm was the most popular item overall.
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.demo2022
t: |
<span class="first-line">GraphQL is truly part of how we build modern applications today.</span>
More and more companies are creating products, services, tooling, RFCs and most of that work is being done as open-source, which is fantastic to see! It's crucial for a flourishing ecosystem to have healthy competition and collaboration!
As a result, the tide is changing on how we consume GraphQL on the client, with libraries such as urql and React Query being popular choices today alongside stalwarts like Apollo Client and Relay. It's also great to see GraphQL continue to grow and flourish in languages other than JavaScript – there are now stable and mature GraphQL servers and clients in almost all of the most popular programming languages!
GraphQL itself is changing as well, with much anticipated changes edging closer to being officially part of the specification. We'll soon see changes with stream, defer, input polymorphism, as well as improvements around subscriptions and live queries.
Moreover, there's now dedicated companies focused on GraphQL security, caching, tracing errors, deploying to the edge, abstracting databases and backends into simple schemas, and so much more that make working with GraphQL even more approachable than it ever has been before.
We also recently witnessed a brand new GraphiQL release that boasts a powerful plugin ecosystem, fewer dependencies, and even dark mode! And the [GraphQL Foundation](https://graphql.org/foundation/) continues to grow with new members joining regularly to help sustain the efforts of all those involved in educating, building, and steering the future of GraphQL.
GraphQL has found its place in the ecosystem, and it has an exciting future ahead!
- key: conclusion.demo2022.bio
t: Senior Developer Relations @ Grafbase
###########################################################################
# Picks
###########################################################################
- key: picks.my_pick
t: "My 2022 Pick: "
- key: picks.intro
t: We asked members of the GraphQL community to share their “pick of the year”
- key: picks.jamie_barton.name
t: GraphQL Mesh
- key: picks.jamie_barton.bio
t: Full Stack Developer & Educator
- key: picks.jamie_barton.description
t: |
More and more people are looking for solutions to bridge the
gap between all of their services. Mesh lets you do that with GraphQL,
and non-GraphQL services.
- key: picks.tanmai_gopal.name
t: Streaming over GraphQL Subscriptions
- key: picks.tanmai_gopal.bio
t: CEO & co-founder at Hasura
- key: picks.tanmai_gopal.description
t: |
Modern APIs need to handle an increasing volume of data,
or fast-moving data that is a stream.
Could we use GraphQL subscriptions as a streaming API?
- key: picks.tim_suchanek.name
t: Benjie Gillam
- key: picks.tim_suchanek.bio
t: Software Engineer and Entrepreneur
- key: picks.tim_suchanek.description
t: |
Benjie is one of the main people pushing GraphQL forward.
His engagement in the WG, TSC, and various foundation initiatives is second to none.
- key: picks.uri_goldshtein.name
t: Pothos GraphQL
- key: picks.uri_goldshtein.bio
t: Founder of The Guild
- key: picks.uri_goldshtein.description
t: |
Code-first, TS schema builder. Easy to use yet powerful, plugin based and very well maintained.
If you go code first, this is the one to choose.
- key: picks.benjie_gillam.name
t: SpecNews Podcast
- key: picks.benjie_gillam.bio
t: Community-funded OSS maintainer
- key: picks.benjie_gillam.description
t: |
Latest activities from the GraphQL Working Group summarised in just 5-10 minutes per month.
Cutting edge GraphQL knowledge with minimal effort!
- key: picks.xxxx.name
t:
- key: picks.xxxx.bio
t:
- key: picks.xxxx.description
t: |
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.nijibox.description
t: >
One-stop support for UX design, creativity, and development.
- key: sponsors.frontendmasters.description
t: >
Utvikle ferdighetene dine med dyptgående, moderne kurs innen front-end.
- key: sponsors.nhost.description
t: >
Nhost is an open source Firebase alternative with GraphQL.
- key: sponsors.apollo.description
t: >
Apollo's supergraph empowers product and engineering teams to quickly create incredible experiences for their customers.
- key: sponsors.the_guild.description
t: >
The Guild's open-source tools and ecosystem provides everything you need for evolving your APIs.
- key: sponsors.hasura.description
t: >
Run Hasura locally or in the cloud, and connect it to your new or existing databases to instantly get a production-grade GraphQL API.
- key: sponsors.graphql_wtf.description
t: >
Learn something new with GraphQL, every week. Get new episodes directly to your inbox.
- key: sponsors.grafbase.description
t: >
Instant serverless GraphQL backends. Grafbase provides the best developer experience to deploy GraphQL APIs.
###########################################################################
# FAQ/About
###########################################################################
- key: about.content
t: >
The 2022 State of GraphQL survey ran from June 15, 2022 to July 15, 2022, and collected 3,094 responses. The survey is primarily run by me, [Sacha Greif](https://sachagreif.com/), with help from a team of open-source contributors and consultants.
### Survey Goals
This survey, along with the [State of CSS](https://stateofcss.com/) and [State of JS](https://stateofjs.com/) surveys, was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices.
Because of the relatively small sample size, this survey should be taken as a **snapshot of a subset of developers**, and is not meant to speak for the entire GraphQL ecosystem.
The survey is also **not affiliated with GraphQL or Facebook**.
### Survey Design
The survey was designed collaboratively, with an open feedback period where the survey contents were discussed on GitHub ([1](https://github.com/Devographics/Monorepo/issues/86), [2](https://github.com/Devographics/Monorepo/issues/90)). All survey questions were optional.
### Survey Audience
The survey was openly accessible online and respondents were not filtered or selected in any way. Respondents were primarily inbound from social media traffic.
### Representativeness & Inclusivity
While we believe it's important to give a voice to every community, the reality is that an open survey like this one will always struggle to properly represent everybody, especially when operating through systems that already carry their own inherent biases.
In order to counter-balance this, we are implementing three distinct strategies:
- **Outreach**: we always try to reach out to different organizations (such as BIPOC- or LGBTQ-focused organizations, or online teaching platforms) to try and diversify our own audience.
- **Data Analysis**: through features like facets and variants, we're always trying to make it easier to surface the voices of any demographic segment, no matter how minoritized it might be in our data.
- **Barrier Lowering**: making the survey too long, inaccessible, slow to load, English-only, etc. can all contribute to imposing an "effort tax" that cuts off the parts of the community that can't afford to pay it. Fixing these issues can lower the barrier to entry and in the process make our audience more diverse.
### Project Funding
Funding from this project comes from a variety of sources:
- **Chart Sponsorships**: members of the community can donate to the survey in exchange for having their name featured in the report.
- **Sponsored Links**: the links to recommended resources at the bottom of each page are provided by our partner [Frontend Masters](https://frontendmasters.com/).
- **Other Funding**: the companies listed in the "Our Partners" section on the [introduction page](/introduction) have also contributed financially or otherwise.
Sponsors have no say over the survey contents or the way the results are presented, and sponsorships are only decided once all data has already been collected.
### Technical Overview
You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-the-state-of-js-css-surveys-are-run-4lnb).
- **Data collection**: custom [Vulcan.js](http://vulcanjs.org/) app.
- **Data storage/processing**: MongoDB & MongoDB Aggregations.
- **Data API**: Node.js GraphQL API.
- **Results Site**: [Gatsby](https://www.gatsbyjs.com/) React app.
- **Data Visualizations**: [Nivo](https://nivo.rocks/) React dataviz library.
- **Type**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) and [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue).