Rumah >hujung hadapan web >tutorial js >Daytona-Sample-React: Teks AI

Daytona-Sample-React: Teks AI

Barbara Streisand
Barbara Streisandasal
2024-12-24 18:01:11805semak imbas

Sampel daytona saya ialah projek React yang dipanggil Mindsnap-prosemaster-daytona. Ia adalah Aplikasi mesra pemula yang sangat mudah dibangunkan menggunakan React, Node dan AI mengikut Seni Bina MVC

Dalam dunia kita yang serba pantas, tiada siapa yang mahu menghabiskan masa mereka mengkonfigurasi bahan, pembangun di luar sana hanya mahu meneruskannya dan mengekodkannya. Bunyi macam awak? Kemudian, Cheers! anda telah datang ke tempat yang betul.

Tetapi, tunggu, kita semua tahu itu bukan cara pembangunan berfungsi. Malangnya, Walaupun untuk projek yang paling mudah anda perlu mempunyai alat konfigurasi, pakej untuk dipasang, port untuk ke hadapan, kadangkala persediaan vpn dan banyak lagi. Di sinilah Daytona hadir dengan penyelesaiannya yang mudah tetapi terobosan untuk pembangun.

Mula rasa ingin tahu, ya?

Dalam siaran ini, saya akan membawa anda melalui perjalanan saya membina MindSnap ProseMaster—aplikasi super mesra pemula yang direka untuk mengubah teks panjang menjadi ringkasan pantas, cerapan utama dan mnemonik yang menyeronokkan.

Mari kita mulakan dengan pengenalan ringkas tentang cara saya membina aplikasi ini. Saya rasa ini adalah aplikasi pertama saya yang saya bina menggunakan react dan nod. Ia agak mudah. Sekarang andaikan anda tahu cara panggilan api dibuat, ini akan menjadi agak mudah!

Pertama, Ini adalah aplikasi halaman tunggal dengan satu kotak Input di mana pengguna boleh memasukkan sebarang teks dan kini menggunakan teks ini dan menghantar gesaan saya menghantarnya ke api Gemini. Maklum balas daripada Gemini api dipaparkan kembali ke skrin.

Jadi, bagaimanakah saya, seorang pembangun yang tidak tahu tentang bekas atau apa-apa jenis itu boleh mengetahui tentang daytona?

Nah, kita perlu berterima kasih kepada Quira untuk yang ini. Quira's Quest 023 menampilkan Daytona dengan hadiah kumpulan besar sebanyak 6000 USD. Sebaik sahaja saya mengetahuinya, saya mula menyelongkar projek saya untuk membuat penyerahan untuk pencarian itu!

Saya ingat dengan jelas bahawa saya harus memilih projek yang mudah, kerana projek yang kompleks mungkin menyukarkan untuk menyediakan DevContainer untuk ruang kerja saya. Tetapi, ya Tuhan, saya tidak mungkin lebih salah.

Saya tahu sesetengah pembaca tidak biasa dengan bekas dev, ruang kerja. Tetapi, jangan risau! Saya telah membincangkan semuanya dalam blog ini jadi teruskan membaca dan perlahan-lahan semuanya akan sampai kepada anda.

Sebenarnya mari kita mulakan dengan istilah ini:

  • Dev Container: Persekitaran prakonfigurasi yang mengandungi semua alatan dan tetapan yang diperlukan untuk pembangunan.

  • Ruang kerja: Ini ialah ruang digital di mana kami boleh menyimpan dan menyusun semua fail, kod dan projek masing-masing yang sedang kami usahakan.

  • Port: Mari kita anggap ini seperti pintu yang melaluinya data mengalir antara persekitaran pembangunan kita dan perkhidmatan atau peranti lain.

  • PostCreateCommand: Perintah penting devcontainer.json yang berjalan secara automatik selepas menyediakan persekitaran pembangunan. Saya rasa ini digunakan untuk memuktamadkan tugas persediaan.

Menggunakan Daytona, saya mendapati betapa mudahnya untuk menyediakan dan mengurus persekitaran pembangunan, tidak kira tahap kemahiran anda. Teruskan belajar daripada pengalaman saya, dan lihat bagaimana Daytona boleh menjadikan projek anda seterusnya lebih lancar dan cekap!

Mari kita selami bagaimana saya bermula
Saya lebih kepada pelajar visual! Ini bermakna saya suka melihat video atau imej pelaksanaan daripada membaca teks yang panjang. Jadi seperti biasa, saya tidak membaca arahan yang sememangnya mudah dan senang untuk diikuti.

Di sini saya perlu berterima kasih kepada komuniti sumber terbuka yang dibuat oleh quira. Salah seorang kawan saya yang saya temui dalam komuniti, K OM, menawarkan bantuan. Kami berharap pada panggilan di mana dia menerangkan 3 langkah mudah untuk bermula:

  1. Mula-mula navigasi ke projek dan sediakan fail yang dipanggil ‘.devcontainer/devcontainer.json’
  2. Jana devcontainer menggunakan penjana kontena dev
  3. Edit readme untuk membuat pengguna sedar dan selesai!

Adakah semudah itu? Jawapan ringkasnya ialah YA. Tetapi lebih daripada ini, saya suka percaya bahawa menguji ruang kerja adalah sebahagian besar daripada pembelajaran dan penggunaan daytona.

Apa sebenarnya yang mendorong saya? Dan Apakah bahagian yang paling mengecewakan dalam perjalanan ini?
100 penyerahan sah pertama akan menerima 50 USD setiap satu! Jika ini bukan faktor pendorong untuk anda maka saya tidak tahu apa itu.

Daytona mempunyai pepatah ini memaparkan:

Daytona-Sample-React: Text AI

Tetapi ini adalah bahagian yang paling mengecewakan saya. Aplikasi itu berfungsi pada mesin saya tetapi tidak dalam mesin penyemak yang seketika membawa saya kepada soalan: Adakah Daytona Benar-benar berbaloi?

Haha, sekarang saya memikirkannya. Kedengaran sungguh kelakar. Saya adalah orang yang melakukan konfigurasi yang salah dan menyalahkan daytona menganggap ia membuat tuntutan palsu.

Ya, saya akui saya datang untuk ganjaran tetapi sejujurnya, saya kekal untuk teknologi. Saya menahan semua kekecewaan itu kerana saya melihat apa yang daytona mampu lakukan.

*Oleh itu datang kepada soalan, Apakah masalah khusus yang saya hadapi? *

Masalah pertama yang datang kepada saya ialah bekas yang saya hasilkan menggunakan AI telah melemparkan ralat maut apabila cuba mencipta ruang kerja daytona.

Selepas saya menyelesaikan isu itu, perkara seterusnya yang datang kepada saya ialah projek saya dibuat menggunakan vite dan ternyata apabila ini berlaku, tiada apa-apa yang dipaparkan pada skrin. Ia akan datang sebagai halaman kosong putih. Ini adalah masalah pelanggan.

Kemudian, apabila saya membetulkan masalah pelanggan itu, kini pelayan saya tidak bertindak balas.

Apabila kedua-dua pelanggan dan pelayan saya mula berfungsi maka saya mendapat isu CORS ini.

Akhirnya, saya mengalih keluar pelayan dan terus memanggil api tetapi kemudian saya mendapat mesej ralat semasa mencipta ruang kerja tetapi ia masih membuka IDE. Ternyata saya terpaksa menukar devcontainer.json saya untuk memadankan perubahan yang saya buat dalam kod saya.

Penyelesaian dan bagaimana saya mendapatkannya?

Sejujurnya, semua masalah mempunyai penyelesaian yang sangat mudah yang berkaitan dengannya. Mungkin saya tidak akan pernah memikirkan mereka jika bukan kerana bantuan pasukan Daytona, terutamanya Jafa, yang dengan sabar menyemak dan mencadangkan perubahan yang diperlukan. Dia membantu saya mengetahui lebih lanjut tentang Daytona, cara ia berfungsi dan sebab ia terbaik.

Beberapa penyelesaian yang mungkin anda perlukan ialah:

  1. Jika projek anda menggunakan Vite maka Dalam package.json anda, anda perlu menentukan vite dengan bendera hos. Ia sepatutnya kelihatan seperti ini:
    Daytona-Sample-React: Text AI

  2. Jika anda mempunyai kedua-dua keperluan frontend dan backend maka anda mesti menambah port pelayan sebagai port yang dimajukan. Sepatutnya kelihatan seperti ini:
    Daytona-Sample-React: Text AI

  3. Dan penyelesaian terakhir untuk semua masalah yang mungkin anda hadapi ialah: TANYA. Pergi sertai kendur daytona dan beritahu mereka tentang masalah anda. Saya pasti anda akan mendapat bantuan yang anda cari. Pautan kendur

Cadangan Saya, Mengapa menggunakan Daytona?
Saya lebih suka bertanya mengapa tidak daytona? Ia sangat mudah untuk digunakan dan mudah diurus. Ia memastikan anda tidak lagi perlu melalui kerumitan menyediakan persekitaran pembangunan

Dengan Daytona, anda boleh menumpukan pada perkara yang benar-benar penting daripada bimbang tentang sebarang persediaan.

Beberapa ciri terbaik yang saya rasa menjadikan Daytona pilihan yang menarik untuk pembangun ialah:

  • Perintah Tunggal:
    Lancarkan keseluruhan persekitaran pembangunan anda dengan hanya satu arahan. Tidak perlu menyediakan perkara secara manual—semuanya sedia untuk digunakan serta-merta.

  • Berlari Ke Mana-mana:
    Sama ada anda menggunakan komputer riba anda, pelayan jauh atau dalam awan, persekitaran pembangunan anda berfungsi di mana-mana sahaja. Ia benar-benar fleksibel, jadi anda boleh bekerja dari mana-mana mesin.

  • Sokongan IDE:
    Sepadu dengan lancar dengan alatan popular seperti VS Code dan JetBrains. Selain itu, terdapat IDE web terbina dalam supaya anda boleh memulakan pengekodan tanpa sebarang persediaan.

  • Keselamatan:
    Secara automatik menghubungkan anda ke persekitaran pembangunan anda melalui VPN yang selamat. Ini memastikan data anda selamat dan memastikan anda boleh bekerja dengan selamat, walaupun dari jauh.

Ciri ini menjimatkan masa, meningkatkan fleksibiliti dan memastikan proses pembangunan lancar dan selamat. Hei, Apa lagi yang boleh diminta oleh pembangun? Ia sesuai untuk pembangun semua peringkat.

Maklum Balas Jujur!
Nah, berhujah bahawa ia sempurna mungkin agak terlalu mengada-ada. Walaupun saya rasa ia adalah salah satu yang terbaik dalam perniagaan, terdapat perubahan tertentu yang sebenarnya boleh menjadikan pengalaman pengguna lebih baik.

  • Templat Khusus Rangka Kerja Prabina Ya, saya maksudkan Templat, bukan sampel. Apa yang berbeza antara mereka? Saya tahu daytona sedang mengumpul sampel supaya pembangun boleh merujuk kepada sampel tersebut dan bekerja pada ruang kerja daytona berputar.

Tetapi, jika daytona menyediakan templat sedia untuk digunakan untuk beberapa tindanan teknologi popular termasuk fail devcontainer.json prakonfigurasi. Sesuatu seperti wizard persediaan interaktif yang menyokong beberapa templat.

  • Perkongsian Persekitaran Satu Klik Saya rasa Daytona boleh menambah ciri untuk berkongsi persekitaran pembangunan serta-merta. Pembangun boleh menghantar pautan kepada rakan sepasukan untuk kerjasama.

Sesuatu seperti perkongsian daytona yang akan menjana pautan selamat ke persekitaran, boleh diakses melalui IDE Web terbina dalam. Kita juga boleh mengadakan kerjasama langsung di sini seperti dalam dokumen Google.

  • Mungkin Penyelesai Masalah dikuasakan AI Saya memikirkan perkara ini kerana banyak projek tersekat pada perkara yang sangat mudah seperti port tersalah konfigurasi, ketidakpadanan kebergantungan, dll.

Sekali lagi, ini adalah pendapat saya tentang perkara yang boleh menjadikannya lebih baik!

Bawa pulang:
Pepatah mudah; jangan menilai buku dari kulitnya. Daytona adalah jauh lebih daripada apa yang saya jelaskan dan anda tidak akan tahu melainkan anda mencuba. Jadi apa tunggu lagi? Cuba sekarang!

Dan satu perkara terakhir sebelum saya berjumpa dengan anda: Saya ingin mengucapkan terima kasih yang tidak terhingga kepada seluruh pasukan Quira dan Daytona kerana membuat keputusan ini. Tahniah!

Pautan Github ke projek saya
Pautan Github daytona
Pautan ke Daytona Quest

Atas ialah kandungan terperinci Daytona-Sample-React: Teks AI. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn