ตอบสนอง openai jsx ดั้งเดิม

ตอบสนองพื้นเมือง openai-jsx

? - ใช้ OpenAI เพื่อสร้างส่วนประกอบ React Native ที่ทำงานได้! ดูมันใช้งานจริง! -

คุณสามารถใช้ react-native-openai-jsx เพื่อสร้างแอปพลิเคชัน React Native ที่ใช้งานได้จริง เพียงแค่ให้คำอธิบายระดับสูงเกี่ยวกับสิ่งที่คุณต้องการดู

ตัวอย่างเช่น:

); }">

 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 ( ' ' ) }
    / >
  ) ;
}

มันอาจดูบ้าไปเลย แต่มัน ได้ผล จริง ๆ ! ด้วยการใช้ไลบรารีไคลเอนต์ openai เราสามารถใช้ Machine Learning Model ที่ซับซ้อนเพื่อจินตนาการถึงแอปพลิเคชัน React Native ที่ใช้งานได้สำหรับเรา ที่รันไทม์ เราสามารถใช้ @babel/runtime เพื่อทรานสไพล์โมดูลที่สร้างขึ้นอัตโนมัติไปเป็น JavaScript ที่เป็นมิตรต่อรันไทม์ และให้การดำเนินการนี้อยู่ด้านบนของ react-native-wormhole

เริ่มต้นใช้งาน

ก่อนอื่น คุณจะต้องติดตั้ง react-native-openai-jsx และ react-native-url-polyfill :

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

ขณะที่กำลังดาวน์โหลด คุณจะต้องสร้างคีย์ API ของไคลเอ็นต์สำหรับ OpenAI หากคุณยังไม่มี คุณสามารถดูคำแนะนำเกี่ยวกับวิธีการดำเนินการได้ ที่นี่

หมายเหตุ: คุณจะต้อง react-native-url-polyfill เพื่อให้เข้ากันได้กับ openai SDK อย่างเป็นทางการ

จากนั้น ที่รากของแอปพลิเคชันของคุณ ให้นำเข้าโพลีฟิล ไปยังจุดเริ่มต้นของแอปพลิเคชันของคุณ เช่น:

 + 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);

นั่นควรจะเป็นทุกอย่าง!

หากต้องการดูทั้งหมดนี้รวมกัน คุณสามารถลองใช้แอป example ได้ฟรี:

" yarn (ios|android|web)">

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

- การกำหนดค่า

ส่วนประกอบ เปิดเผยความสามารถของอินเทอร์เฟซทั้งหมดเพื่อเริ่มสร้างและปรับแต่ง ข้อความแจ้ง โมเดลภาษาของคุณเอง

ชื่อ	พิมพ์	คำอธิบาย	ค่าเริ่มต้น
prompt	string?	สตริงข้อความที่ใช้เพื่อแนะนำโมเดลแมชชีนเลิร์นนิงว่าควรสร้างแอปพลิเคชันใด	เงื่อนไขที่ออกแบบมาเพื่อประเมินเป็น React.Fragment ที่ว่างเปล่า
completionSettings	CompletionSettings	วัตถุ CreateCompletionRequest	ที่จำเป็น
style	StyleProp?		undefined
debug	boolean?	ใช้เพื่อแสดงข้อผิดพลาดในระหว่างการแปลงและดูตัวอย่างการตอบสนองที่สร้างโดย OpenGPT	false
extraProps		ออบเจ็กต์ที่กำหนดเองที่คุณสามารถใช้เพื่อส่งผ่านไปยัง OpenGPT ตัวอย่างเช่น คุณสามารถส่งฟังก์ชันการโทรกลับและสั่งโมเดลแมชชีนเลิร์นนิงว่ามีอยู่แล้วเป็นอุปกรณ์ประกอบฉากที่เป็นไปได้	{}
Wormhole	React.FC	Wormhole ซึ่งสามารถใช้เพื่อรวมการสนับสนุนไลบรารีเพิ่มเติม เช่น react-native-svg	DefaultWormhole

โปรดอย่าลืมเพื่อที่จะประสบความ สำเร็จ กับไลบรารีนี้ ไม่ว่าคุณ จะต้อง แจ้งโมเดลการเรียนรู้ของเครื่องว่าคุณกำลังพยายามสร้างแอปพลิเคชัน React Native โดยเป็นส่วนหนึ่งของข้อความแจ้งของคุณ

✌️ใบอนุญาต

เอ็มไอที