react native openai jsxダウンロード - react native openai jsxソースコードのダウンロード

react native 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アプリを自由に試してみてください。

 cd example/
OPENAI_API_KEY="<your-api-key>" yarn (ios|android|web)

?構成

<Prompt />コンポーネントは、独自の言語モデルプロンプトの作成とカスタマイズを開始するためのすべてのインターフェイス機能を公開します。

名前	タイプ	説明	デフォルト値
`prompt`	`string?`	作成するアプリケーションを機械学習モデルに提案するために使用されるテキスト文字列。	空の`React.Fragment`として評価されるように設計された条件。
`completionSettings`	`CompletionSettings`	`CreateCompletionRequest`オブジェクト。	必須
`style`	`StyleProp<ViewStyle>?`		`undefined`
`debug`	`boolean?`	トランスパイル中にエラーをレンダリングし、OpenGPT によって生成された応答をプレビューするために使用されます。	`false`
`extraProps`	`<T>`	OpenGPT に渡すために使用できるカスタムオブジェクト。たとえば、コールバック関数を渡し、それが可能性のあるプロパティとして存在することを機械学習モデルに指示できます。	`{}`
`Wormhole`	`React.FC`	`Wormhole` 。これを使用して`react-native-svg`などの追加ライブラリのサポートを含めることができます。	`DefaultWormhole`