GraphQL Editor – Perjalanan Dari Rilis Awal ke Versi 5.0


Sejak awal petualangan kami dengan GraphQL, kami terkesan dengan betapa menakjubkan komunitasnya. Kami kagum dengan jumlah konten, perpustakaan, dan alat hebat yang telah dibuat pengguna GraphQL sejak awal. Semakin banyak waktu yang kami habiskan untuk bekerja dengan GraphQL, semakin banyak hal yang kami lihat dapat ditingkatkan agar bekerja dengannya lebih mudah dan lebih baik. Kami juga tahu kami ingin memberikan kembali kepada komunitasnya yang luar biasa.

aktiva

Tiga tahun lalu kami mengerjakan skema dengan banyak hubungan yang rumit, dan kemudian kami punya ide:

“Akan menyenangkan bisa memvisualisasikannya dengan cukup baik untuk memahami semua koneksi.”

Ya, ada beberapa solusi di pasar yang memungkinkan kami melakukan ini, tetapi semua orang tahu cara kerjanya. Pertanyaan yang selalu muncul, mengapa tidak melakukannya secara berbeda, lebih baik, dan yang terpenting, dengan cara kita sendiri. Setelah beberapa hari berkata:

“Baiklah ayo kita lakukan ini”

telah datang

“Bagaimana jika kita bisa membuat skema GraphQL dari blok yang terlihat?”

Dan semuanya dimulai. Kami mulai dengan versi PoC, yang hanya menyertakan dua fungsi ini, yaitu:

  • visualisasi skema GraphQL,
  • Kemampuan untuk membangunnya menggunakan elemen visual.
Editor GraphQL Rilis Pertama 2018

Proyek kami diterima dengan sangat hangat oleh komunitas GraphQL yang membuatnya cepat menumpuk 3000 bintang di github. Pengguna tidak hanya senang dengan dua fitur sederhana ini tetapi juga mulai menyarankan beberapa fitur baru yang keren. Pengguna tidak hanya senang dengan dua fitur sederhana ini tetapi juga mulai menyarankan beberapa fitur hebat.

Apa yang baru di GraphQL Editor 5.0

Ketika kami memulai, kami memiliki peta jalan dalam pikiran yang kami coba pertahankan, sebanyak mungkin. Tetapi dengan semua masukan tambahan, kami juga terus menambahkan fitur yang disarankan oleh komunitas, yang setelah lebih dari dua tahun membawa kami ke titik di mana kami berada sekarang, yaitu rilis Editor GraphQL 5.0.

Banyak peningkatan grafik dan gaya tampilan yang berbeda

Jadi, sekali lagi, kami ingin mengucapkan terima kasih kepada semua pengguna kami atas umpan balik mereka yang berharga, termasuk yang sangat penting, semuanya sangat membantu kami meningkatkan. Jadi tanpa basa-basi lagi, mari masuk ke fitur-fitur baru.

Layanan mikro

Ini adalah fitur yang paling menarik dan paling banyak diminta. Hal yang paling memuaskan tentang itu akhirnya dirilis, adalah bahwa kami telah mencoba mencari cara untuk menangani ini sejak rilis pertama editor GraphgQL. Layanan Mikro GraphQL Izinkan pengguna untuk langsung menerbitkan formulir backend GraphQL menggunakan JavaScript atau TypeScript. Perlu dicatat bahwa layanan mikro didukung oleh perpustakaan sumber terbuka yang disebut Stucco.

plester Dia adalah mesin belakang layanan mikro kami. Tujuan utamanya adalah untuk membuat Anda bertanggung jawab atas keputusan infrastruktur Anda. Tidak ada risiko penjual dikurung, jangan khawatir. Dengan Stucco, Anda dapat menggunakan TypeScript, JavaScript, atau Golang untuk membuat dan menerbitkan backend GraphQL dengan mudah dengan:

  • Faktor umum dalam editor GraphQL
  • lingkungan lokal
  • buruh pelabuhan
  • Kubernetes

Anda dapat memublikasikan layanan mikro langsung dari Live Editor bawaan kami (mirip dengan yang mungkin Anda kenal dari platform berbasis Git), tetapi cara yang disarankan adalah melakukannya dengan Graphql-editor-cli. Meskipun layanan mikro sangat bagus untuk tujuan pengujian dan pengembangan, kami tidak menyarankan untuk menggunakannya dalam produksi karena berjalan pada perangkat yang sangat kecil dengan batas kecepatan 200 permintaan per menit dan 1.000.000 permintaan per bulan. Selain itu, fitur ini sedang dalam proses dan sebagian besar dirilis karena kami membutuhkan penguji langsung untuk mengulangi dan meningkatkannya.

Dengan Microservices Anda dapat mempublikasikan backend NodeJS GraphQL menggunakan JavaScript atau TypeScript

Mesin JAMStack

Meskipun JAMStack ditawarkan dalam dua versi, JAMStack menerima pembaruan penting dalam versi ini. Kami telah menambahkan TypeScript dan perpustakaan JS paling populer untuk membangun dukungan UI – ReactJS. Di antara fitur penting lainnya yang dapat Anda temukan:

  • Dukungan yang lebih baik untuk ES – Cukup berikan layanan langsung kami URL CDN dan itu akan mengambil semua jenis dari server Anda dan juga mencari tulisan,
  • Impor unit ES relatif – Sekarang Anda dapat memiliki impor modul ES terkait pengguna di dalam editor kode online kami,
  • Penamaan – Fitur penerbitan halaman tetap disertakan untuk menampilkan karya Anda dengan mudah ke tim Anda atau ke audiens yang lebih luas.
JAMStack dengan dukungan ReactJS dan TS dan penyebaran stabil yang mudah

GraphQL Cloud

Kami ingin GraphQL Editor menjadi lingkungan pengembangan terintegrasi yang mandiri untuk mengembangkan proyek berbasis GraphQL. Setelah tujuan ini, kami menambahkan lebih banyak “tanggung jawab” ke alat kami. Sekarang kamu bisa:

  • Buat pertanyaan Anda dengan mudah,
  • Pratinjau dengan mudah dengan GraphiQL bawaan,
  • Simpan dan akses pekerjaan Anda kapan pun Anda membutuhkannya dari perangkat apa pun.

Kami juga telah menambahkan proxy untuk mendukung semua masalah URL & CORS di GraphQL yang banyak muncul selama pengembangan.

GraphQL Cloud menawarkan pratinjau kueri seperti GraphiQL, latar belakang tiruan yang dapat dikonfigurasi, dan dukungan CORS

Terakhir, tetapi tidak kalah penting

Terlepas dari fitur inti, kami juga telah mengerjakan beberapa peningkatan kualitas hidup seperti:

  • Perbaikan grafik – Modul grafik telah ditingkatkan secara signifikan:
    • Membuat simpul dan bidang sekarang lebih cepat berkat dukungan keyboard,
    • Tampilan hubungan mencakup semua bidang skalar,
    • Status node yang ditentukan tetap ada di antara tampilan,
    • Tampilan editor kode dapat diubah kapan saja sekarang,
  • Menu sorotan (CTRL / CMD + K) – Menu sorotan telah ditambahkan untuk navigasi yang lebih mudah,
  • tema warna – Kami menambahkan 4 tema warna baru,
  • Pusat Pembelajaran – Mulai sekarang Anda akan disambut dengan proyek terbaru dan pusat pembelajaran untuk meningkatkan keterampilan mengedit Anda,

Ditambah banyak perbaikan bug dan peningkatan UI kecil.

Grafik yang ditingkatkan dengan mode tampilan tambahan

Ini pada dasarnya adalah apa yang telah kami kerjakan selama 12 bulan terakhir. Saya harus mengatakan bahwa rasanya luar biasa akhirnya dapat membagikan semua fitur baru ini kepada khalayak yang begitu luas (terima kasih David!). Jika Anda sudah menggunakan GraphQL, saya ingin mendengar tanggapan Anda, dan jika belum, saya harap GraphQL Editor akan membuat bekerja dengannya lebih efisien sebagai berikut:

Jika Anda memulai jalur GraphQL sekali, itu akan selamanya mendominasi takdir Anda.

Tomic Punatovic

Tentang Tomek Poniatowicz

Penjelajah digital dan penggila GraphQL. Mainkan Magic the Gathering dan panggang pizza buatan sendiri di antara postingan blog.