reaksi openai jsx asli

reaksi-asli-openai-jsx

⚛️ ? ? Gunakan OpenAI untuk menghasilkan komponen React Native yang berfungsi! Lihat aksinya! ?

Anda dapat menggunakan react-native-openai-jsx untuk membuat aplikasi React Native yang nyata dan berfungsi hanya dengan memberikan beberapa deskripsi tingkat tinggi tentang apa yang ingin Anda lihat.

Misalnya:

); }">

 import { Alert } from 'react-native' ;
import { Prompt } from 'react-native-openai-jsx' ;

export default function App ( ) : JSX . Element {
  return (
    < Prompt
      extraProps = { React . useMemo ( ( ) => ( {
        onPress : ( message : string ) => Alert . alert ( message ) ,
      } ) , [ ] ) }
      prompt = { [
        'Provide a complete example of a React Native View component which contains a big Button in the center with the text "Press Me".' ,
        'When the Button is pressed, it must call a function prop passed into the component called onPress with the parameter "Hello from OpenAI!".' ,
      ] . join ( ' ' ) }
    / >
  ) ;
}

Ini mungkin tampak sangat gila, tetapi ini benar-benar berhasil ! Dengan menggunakan perpustakaan klien openai , kita dapat menggunakan Model Pembelajaran Mesin canggih mereka untuk membayangkan aplikasi React Native yang fungsional untuk kita. Saat runtime, kita dapat menggunakan @babel/runtime untuk mengubah modul yang dibuat secara otomatis menjadi JavaScript yang ramah runtime dan mengeksekusinya di atas react-native-wormhole .

Memulai

Pertama, Anda harus menginstal react-native-openai-jsx dan react-native-url-polyfill :

yarn add react-native-openai-jsx react-native-url-polyfill

Saat ini sedang diunduh, Anda harus membuat kunci API klien untuk OpenAI jika Anda belum memilikinya. Anda dapat menemukan petunjuk tentang cara melakukan ini di sini .

Catatan: Anda memerlukan react-native-url-polyfill untuk mengaktifkan kompatibilitas dengan openai SDK resmi.

Selanjutnya, di root aplikasi Anda, impor polyfill ke titik masuk aplikasi Anda, yaitu:

 + import 'react-native-url-polyfill/auto';

import { AppRegistry } from 'react-native';
import App from './src/App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

Itu seharusnya menjadi segalanya!

Untuk melihat semuanya menyatu, Anda bebas mencoba aplikasi example :

" yarn (ios|android|web)">

 cd example/
OPENAI_API_KEY="" yarn (ios|android|web)

? Konfigurasi

Komponen memaparkan semua kemampuan antarmuka untuk mulai membuat dan menyesuaikan model bahasa Anda sendiri.

Nama	Jenis	Keterangan	Nilai Bawaan
prompt	string?	String teks yang digunakan untuk menyarankan aplikasi apa yang akan dibuat kepada model pembelajaran mesin.	Suatu kondisi yang dirancang untuk dievaluasi menjadi React.Fragment yang kosong.
completionSettings	CompletionSettings	Objek CreateCompletionRequest .	Diperlukan
style	StyleProp?		undefined
debug	boolean?	Digunakan untuk merender kesalahan selama transpilasi dan melihat pratinjau respons yang dihasilkan oleh OpenGPT.	false
extraProps		Objek khusus yang dapat Anda gunakan untuk meneruskan ke OpenGPT. Misalnya, Anda dapat meneruskan fungsi panggilan balik dan menginstruksikan model pembelajaran mesin bahwa fungsi tersebut ada sebagai penyangga yang memungkinkan.	{}
Wormhole	React.FC	Wormhole . Ini dapat digunakan untuk menyertakan dukungan untuk perpustakaan tambahan seperti react-native-svg .	DefaultWormhole

Harap jangan lupa, agar sukses dengan perpustakaan ini, Anda harus memberi tahu model pembelajaran mesin bahwa Anda mencoba membuat aplikasi React Native sebagai bagian dari prompt Anda.

✌️ Lisensi

MIT