reagir nativo openai jsx

reagir-nativo-openai-jsx

⚛️ ? ? Use OpenAI para gerar componentes React Native funcionais! Veja-o em ação! ?

É possível usar react-native-openai-jsx para criar aplicativos React Native reais e funcionais apenas fornecendo algumas descrições de alto nível sobre o que você gostaria de ver.

Por exemplo:

); }">

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

Pode parecer totalmente louco, mas isso realmente funciona ! Ao usar a biblioteca cliente openai , podemos usar seu sofisticado modelo de aprendizado de máquina para imaginar aplicativos React Native funcionais para nós. Em tempo de execução, podemos usar @babel/runtime para transpilar o módulo gerado automaticamente em JavaScript compatível com tempo de execução e fazer com que ele seja executado em cima de um react-native-wormhole .

Começando

Primeiro, você precisará instalar react-native-openai-jsx e react-native-url-polyfill :

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

Durante o download, você precisará criar uma chave de API do cliente para OpenAI, caso ainda não tenha uma. Você pode encontrar instruções sobre como fazer isso aqui .

Observação: você precisará react-native-url-polyfill para ativar a compatibilidade com o SDK openai oficial.

A seguir, na raiz da sua aplicação, importe os polyfills para o ponto de entrada da sua aplicação, ou seja:

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

Isso deveria ser tudo!

Para ver tudo isso acontecendo, você pode experimentar o aplicativo example :

" yarn (ios|android|web)">

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

? Configuração

O componente expõe todos os recursos da interface para começar a criar e personalizar seus próprios prompts de modelo de linguagem.

Nome	Tipo	Descrição	Valor padrão
prompt	string?	A cadeia de texto usada para sugerir ao modelo de aprendizado de máquina qual aplicativo criar.	Uma condição projetada para ser avaliada em um React.Fragment vazio.
completionSettings	CompletionSettings	Um objeto CreateCompletionRequest .	Obrigatório
style	StyleProp?		undefined
debug	boolean?	Usado para renderizar erros durante a transpilação e visualizar as respostas geradas pelo OpenGPT.	false
extraProps		Um objeto personalizado que você pode usar para passar para o OpenGPT. Por exemplo, você pode passar uma função de retorno de chamada e instruir o modelo de aprendizado de máquina que ela existe como um possível suporte.	{}
Wormhole	React.FC	Um Wormhole . Isso pode ser usado para incluir suporte para bibliotecas adicionais, como react-native-svg .	DefaultWormhole

Não se esqueça, para ter qualquer sucesso com esta biblioteca, você deve informar ao modelo de aprendizado de máquina que está tentando criar um aplicativo React Native como parte de seu prompt.

✌️ Licença

MIT