React Native OpenAI JSX 다운로드 - React Native OpenAI JSX 소스 코드 다운로드

네이티브 openai jsx 반응

기타 소스코드

1.0.0

다운로드

반응 네이티브 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 클라이언트 라이브러리를 사용하면 정교한 기계 학습 모델을 사용하여 기능적인 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

다운로드하는 동안 OpenAI용 클라이언트 API 키가 아직 없는 경우 이를 생성해야 합니다. 이 작업을 수행하는 방법에 대한 지침은 여기에서 확인할 수 있습니다.

참고: 공식 openai SDK 와의 호환성을 활성화하려면 react-native-url-polyfill 필요합니다.

다음으로, 애플리케이션 루트에서 폴리필을 애플리케이션의 진입점으로 가져옵니다 . 즉, 다음과 같습니다.

 + 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에 전달하는 데 사용할 수 있는 사용자 정의 개체입니다. 예를 들어 콜백 함수를 전달하고 기계 학습 모델에 가능한 prop으로 존재하도록 지시할 수 있습니다.	`{}`
`Wormhole`	`React.FC`	`Wormhole` . 이는 `react-native-svg` 와 같은 추가 라이브러리에 대한 지원을 포함하는 데 사용될 수 있습니다.	`DefaultWormhole`