ArticleIntroductionText

The developer community has put a significant amount of effort into creating code-first solutions to GraphQL API development, especially in the Python ecosystem, rightfully attempting to ease development while combatting code duplication.


Text

<p>Some consider this process as a natural evolution and see code-first solutions as the logical next step. However, both solutions come with intrinsic architectural choices and lead to multiple software options. We should consider placing the role of schema in architecture as a fundamental variable for every project, depending on the specifics. Let’s review our possibilities and then we’ll make a compelling case for schema-first as a default solution.</p>

<h2>The Background: Schema-First vs. Code-First Approaches</h2>

<p>If you don’t have a great deal of GraphQL experience, here is a quick recap. In GraphQL, the API is defined using its own <a href="https://graphql.org/learn/schema/" rel="noopener noreferrer" target="_blank">Schema Definition Language</a> (SDL):</p>

CodeBlock

<p>It might look familiar to you if you have had some experience with protocol buffers. As we can see, it comes with its own strong static type system with all primitives, lists, and even unions and interfaces. It’s worth remembering that GraphQL is not supposed to be used to describe tree-like structures but rather enable graph nodes relations, so we are encouraged to use connections between all meaningful entities and there is no root node (this is why the GraphQL logo is not a tree). For a comprehensive overview of GraphQL, check out our article on <a href="https://mirumee.com/blog/what-is-graphql?utm_campaign=article&amp;utm_medium=internal_link&amp;utm_source=art_schema_first_graphql_less_travelled" rel="noopener noreferrer" target="_blank">what is GraphQL</a>.</p><p>In schema-first solutions, we need to write our schema in SDL language and then we load it into our server application, parse it into an internal representation and map resolvers (functions providing us with field values) to fields. Some of this process is performed manually and we need to have all data structures present both in the SDL format and the native application language.</p><p>This is how one simple example would look in our <a href="https://github.com/mirumee/ariadne" rel="noopener noreferrer" target="_blank">Ariadne</a> server:</p>

<div>To run it locally and play around, just install <a href="https://github.com/mirumee/ariadne" target="_blank" rel=“nofollow”>Ariadne</a> and <a href="https://www.uvicorn.org/" rel=“nofollow”>Uvicorn</a>. Now we can run it by a simple command:</div>

<p>Great! In the real world, you would probably choose to keep your schema in a separate <em>schema.graphql</em> file or even multiple files that are joined and validated while building executable schema. We decided to enable schema modularization from early on in Ariadne but here it would only make our example harder to understand.</p>
<p>The superpower of GraphQL comes mainly from the ability to precisely express what data fields, and in what shape, we desire on the client side. This is a sample query on our existing server:</p>

<p>SDL came surprisingly late to the party but now it is an official core part of GraphQL specification. However, developers already created frameworks, such as Graphene, in which GraphQL schema is defined as a native language abstraction and directly connected to resolvers. When the application starts up, the framework automatically compiles schema from those abstractions. This code-first approach is implemented in libraries such as <a href="https://graphene-python.org/" target="_blank" rel=“nofollow”>graphene</a> (Python), <a href="https://graphql-ruby.org/" target="_blank" rel=“nofollow”>graphql-ruby</a>, <a href="https://github.com/graphql-rust/juniper" target="_blank" rel=“nofollow”>juniper</a> (Rust), Prisma <a href="https://github.com/prisma/nexus-prisma" target="_blank" rel=“nofollow”>nexus</a> and <a href="https://sangria-graphql.org/" rel=“nofollow”>sangria</a> (Scala).</p>
<p>The previous example presented in Graphene would look more or less like this:</p>

<p>Why would anyone want to write SDL manually if code-first solutions are already out there? Who needs two languages instead of one? It is not as simple as it looks at first glance.</p>

Image

<h2>Why Choose Schema-First Approach in GraphQL Development?</h2>

<p>One of the main designing forces while working on new functionalities is confirmation bias and extrapolating what we know about the inner workings of the backend system into what we think will be a proper system interface. It is hard or nearly impossible for a backend developer to fully detach from preconceived notions about the implementation he is working on. As Daniel Kahneman describes in “Thinking, Fast and Slow”, our brains have two systems: one for intuitive, automatic responses and a second for deliberate, logical decisions. We heavily favor the first, as it requires less effort and improves responsiveness, but it leads us to simplifications and implicit pattern replication.</p>

Testimonial

We can be blind to the obvious, and we are also blind to our blindness.

<p>The intuitive and automatic system in our brains is a powerful and effective tool, but sometimes it is good to look at things from the other perspective. We often make different choices when a question is phrased differently and, similarly, we can end up with completely different code if we switch context. “We are all shaped by the tools we use,” is how Edsger W. Dijkstra phrased it.</p>

<h2>More Familiar Analog: Test-Driven Development</h2>

<p>Why mention such bizarre trivia in the article about GraphQL? We can show its relevance in a more familiar example.</p>
<p>The mental process mentioned above is one reason why Test Driven Development has such a strong impact on code quality and reliability. If you are interested in good practices, you have probably at least tried using TDD for a while and, even if you finally came to the conclusion that the benefits are not worth the hassle, you most likely discovered something peculiar about your code.</p>
<p>Using software as a client before implementing the solution forces us to first consider use cases and user convenience; we work only on code needed to fulfill assertions made in tests, limiting the resulting complexity to an absolute minimum. It also makes the use of mockups and fakes very desirable, allowing for usage of the interface only during development and delegating external parts for later. By moving test writing one step ahead of the production code, we end up with more modular and maintainable design; it gives us an opportunity to come up with usable interface long before getting our hands dirty with technical details.</p>
<p>This is a great practical exercise to better understand the importance of using contracts when reasoning about software that communicates. All we need to do now is to apply this principle to a higher layer of abstraction: APIs.</p>

<h2>Enhancing Collaboration with Schema-First Contracts</h2>

<p>So coming back to our everyday reality; treating a schema as a product of business code means that every change in the backend can cause interface changes. These are fine for backend development, since everything builds up from core business entities, but they introduce code dependency between the client and server side, making it implicitly the client’s responsibility to align with changes.</p>

<span style="font-family: __neueHasGrotesk_615dff, __neueHasGrotesk_Fallback_615dff, sans-serif; font-size: 20px; font-variant-ligatures: normal; font-variant-caps: normal;">Our job as developers is to lay the foundation from which it is easy to do good and hard to make costly mistakes. The problems we discuss here are not related to the attitude or communication of developers; this kind of code dependency results in all sorts of organization artifacts, component divisions, communication patterns, CI/CD flows and planning blind-spots that lead to avoidable conflicts, bugs, and poor design.</span>

<h2>Deep Dependency Issues in GraphQL Development</h2>

<p>The problems we see with GraphQL are not new or unique; they strongly resemble those encountered by designers of Object Oriented software or micro-services architects. History is full of lessons learned the hard way. This is the reason for the Dependency Inversion Principle (DIP), Inversion of Control (IoC) and Dependency Injection (DI). In our particular scenario, DIP applies the best.</p>

Deep Dependency Issues in GraphQL Development

ImageDescription

<h2>What is Dependency Inversion Principle (DIP)?</h2>

<p>According to <a href="https://en.wikipedia.org/wiki/Dependency_inversion_principle#cite_note-Martin2003-1" rel="noopener noreferrer" target="_blank">Wikipedia's, the definition Dependency Inversion Principle</a>&nbsp;states:</p><ol><li>high-level modules should not import anything from low-level modules. Both should depend on&nbsp;abstractions.</li><li>Abstractions should not depend on details. Details should depend on abstractions.</li></ol><p>The underlying idea behind this principle is to reverse runtime and code dependency in a project, giving us the freedom to use any implementation we want, as long as it is based on the right prototype. We basically introduce contract-based polymorphism into our system. Both the client and the implementation depend on a common interface, thus breaking the dependency nightmare and making it simple to check for compatibility issues.</p><p>In the OOP world, this results in Interfaces or Abstract Classes that are a base for concrete implementations; production algorithms are being built by injecting anticipated instances into places already defined by their interface in the general flow (Dependency Injection). For example, we may use a fake building block when testing or switch strategy on the fly, depending on the situation.</p>

<h2>Why I'm Ditching Traditional Classes for Modern GraphQL Development?</h2>

<p>Rules are there for a good reason and extend far outside the OOP kingdom. Such a guiding principle (DIP) is useful wherever we encounter dependency issues and a need for polymorphic behavior. <br><br>You should keep it in mind even if, like me, you are skeptical about object-oriented programming. Personally, I find <a href="https://medium.com/@dhkelmendi/solid-principles-made-easy-67b1246bcdf" rel="“nofollow”">SOLID</a> rules much more suited for the component-scale design than for business logic modules.</p>

<h2>How to Apply Schema-First in Your GraphQL Service Architecture</h2>

<p>TDD might help introduce DIP into the process of writing backend units since the programmer is also later the code user, but that trick won’t work on an API as the code is usually passed over to a frontend team.</p>
<p>The most obvious solution is to write SDL first, then give it to both the frontend and backend side to independently implement. There are a few existing solutions to mock GraphQL SDL with fake data and make it possible to test your client without any existing backend.</p>
<p>Another problem lies in the timing. A new API is nonexistent until the backend work is mostly finished and the interface is generated, meaning that client-side work happens once the backend is finished.</p>

<h2>Good Implementations of Schema-First Should Minimize Effort</h2>

<p>
  We should also think about how failure to keep layer content on similar
  abstraction levels causes a great number of problems. Very low-level details
  are too easily introduced into schema and data formatting when using
  code-first solutions, which would never occur to us as a valid option if we
  tried to come up with the schema shape first.
</p>
<p>
  It’s clear that APIs must be driven by their client use cases, ease of use,
  and the need to allow simultaneous frontend and backend implementation
  efforts. All of this comes almost for free when using schema-first GraphQL
  development for its contract-based approach.
</p>


<h2>Additional Benefits of Schema-First in GraphQL Development</h2>

<ol><li>Expressing GraphQL in its native language is ideal but, in the complex world of development, you might find keeping common knowledge more valuable.</li><li>Hiding your database schema makes it less likely to be directly exposed in your client’s interface in a well-known anti-pattern. This can lead to numerous problems like naming issues and schema updates.</li><li>Making schema an entity on its own could allow for a more flexible approach to designing your architecture and leave more wiggle room for moving stuff around late in the development cycle.</li><li>Last but not least, it is a much better approach to integrate into test-first development and QA processes. Make schema changes, along with black box acceptance testing, an integral part of your definition of done and use them to catch mistakes early into development.</li></ol>

Benefits of Schema-First in GraphQL Development

<h2>Pros and Cons of Code-First Development in GraphQL</h2>

<p>Schema-first development comes with a certain price tag. It is definitely more verbose on the backend side, almost certainly resulting in some level of code duplication and an additional layer of abstraction to manage manually that will be responsible for field and resolver mapping. This is true for all patterns dealing with Dependency Inversion Principle and apparently does not render them useless; either way, in some edge-case circumstances this may result in a lot of additional code and the end may not be worth the means.</p><p>We also need to be aware of quiet regression. Imagine enumeration type as expanded in SDL without the backend team noticing, you might need to check for additional value in your core logic — but the type system will probably catch only disappearing elements. This issue is platform-specific and can be prevented by proper tooling.</p><p>Many projects today consist of multiple services and schema relegation, or stitching for such architecture might also be more cumbersome and involve more upfront investment. Since not all platforms will come up with convenient code-first solutions and tooling, it is also hard to predict if there will be any compatibility problems.</p><p>You should also consider a code-first approach if you need to keep the shape of the API close to the data model, when you need to constantly align trivial changes between API and implementation, and when the frontend is not a priority.</p><p>You can read more about<a href="https://www.prisma.io/blog/the-problems-of-schema-first-graphql-development-x1mn4cb0tyl3" rel="noopener noreferrer" target="_blank"> the Problems of Schema-first GraphQL Server Development in Prisma's article.</a></p>

<h2>Ariadne: The Beauty in Simplicity GraphQL Development with Schema-First Approach</h2>

<p>Coming from a Django background, we naturally ended up using the Graphene ecosystem for our GraphQL APIs, which is code-first and is a heavily abstract framework to work with. As we encountered problems with this solution, some of which were related to the code-first approach, we realized it wasn’t for us. Unable to find a suitable schema-first solution for Python development, we eventually decided to just write our own. </p><p><br></p><p>Check out <a href="https://mirumee.com/blog/ariadne-0-2-0-released?utm_campaign=article&amp;utm_medium=internal_link&amp;utm_source=art_schema_first_graphql_less_travelled" rel="noopener noreferrer" target="_blank">Ariadne</a>, which we think makes pythonic GraphQL server development simple and fun. It is deeply rooted in our appreciation for simplicity and extensibility, giving you all the tools needed to mindfully craft your reasonable service.</p>

Ariadne: Simplicity GraphQL Development with Schema-First Approach

<h2>Final Thoughts on Embracing Schema-First in GraphQL Development</h2>

<p>All things considered, schema-first development should be considered a default choice if no additional constraints are obvious, but the whole GraphQL ecosystem is in the early stage of rapid growth and it is hard to predict what the future will bring.</p><p>This first article is a manifesto but we’ve got a lot of other interesting ideas around the Schema-first approach that we will be sharing in future articles. So, keep your eyes open for those.</p><p>Meanwhile, you can also join our thriving community and explore our recent <a href="https://mirumee.com/blog/graphql-meetup-1-a-great-beginning" rel="noopener noreferrer" target="_blank">GraphQL Meetup #1</a> to see how we connect developers.</p>

DotsDivider

<p><em>Mirumee guides clients through their digital transformation by providing a wide range of services from design and architecture, through business process automation, to machine learning. We tailor services to the needs of organizations as diverse as governments and disruptive innovators on the ‘Forbes 30 Under 30’ list. Find out more by visiting our </em><a href="https://mirumee.com/services/" rel="noopener noreferrer" target="_blank"><em>services page</em></a><em>.</em></p>

m-zine

Author

Jakub Draganek

Articles

Schema-First GraphQL: The Road Less Travelled

Author

Articles

Jakub Draganek

Schema-First GraphQL: The Road Less Travelled

Let’s engineer great products and systems together