Asserting the Relay VSCode extension | by Coinbase | Jun, 2022


Tl;dr: Coinbase is introducing its modern VSCode extension created in collaboration with the Relay workforce, for the Relay GraphQL shopper, which is accessible for developer use now.

By Terence Bezman, Coinbase Senior Software program Engineer

In collaboration with the Relay workforce at Meta, Coinbase has constructed a VSCode extension to combine with the Relay language server which is now accessible for developer use.

The Relay framework is self-described as “the GraphQL shopper that scales with you”. As talked about in a earlier weblog submit, we at present use Relay to speed up growth for 300+ engineers on our core functions. Having a world class IDE expertise is a crucial aspect to enhance engineer productiveness — which is a high precedence.

The extension permits for connection to the next:

  • IntelliSense (autocomplete in your GraphQL tags)
  • Go to Definition for fragments, fields, GraphQL varieties, and so forth.
  • Diagnostics (Errors, Warnings)
  • Hover sort info
  • GraphQL syntax highlighting

Previous to this extension, syntax highlighting and IntelliSense have been accessible through the use of any of the opposite present GraphQL extensions within the VSCode Market, so why did Coinbase determine to construct one other one?

From customized directives to its personal compiler, Relay provides a number of options on high of GraphQL. A 3rd-party editor integration would wish to re-implement all the work executed within the Relay Compiler to attain what we’ve constructed on this extension. This characteristic integrates immediately into the Relay Compiler through a language server giving us the total context from the compiler. This stage of context unlocks the next options in your editor:

  • Displaying Relay Compiler errors in your code
  • Leap to definition on Relay Resolver fields
  • Help for Relay directives

As Relay continues to construct extra options, Coinbase needs to stay on the forefront of this innovation and assist set the tone for a greater developer expertise.

A part of what makes an amazing open supply contributor is possession and upkeep of the work. Coinbase has allotted engineering assets to create the primary model of this VSCode extension and for continued assist sooner or later. It’s necessary that the neighborhood understands that we don’t view this as a one and executed venture, however a relationship we need to keep for years to return.

Quite than be a passive client of Relay, Coinbase is working to be an lively and engaged a part of this neighborhood. By means of our shared cooperation with Relay, we’re working to grasp the product at a deeper stage — and leveraging that information to help the neighborhood in closing previous points and submitting pull requests to make sure the venture’s success.

The Coinbase workforce is grateful for the wonderful work the Relay workforce has executed to date to create a greater developer expertise with Relay. We need to honor the worth this venture has delivered to our workforce and proceed to innovate in an open-source means that advantages our neighborhood.

Supply hyperlink


Please enter your comment!
Please enter your name here