/formSnippetRN

Code snippet in React Native on how to make a form

Primary LanguageTypeScriptMIT LicenseMIT

FormSnippet

O FormSnippet é um projeto que visa oferecer um exemplo de como criar um formulário de maneira eficiente e acessível. Utilizando tecnologias modernas como React Native, Yup, React Hook Form, e integrando recursos de acessibilidade, este projeto busca fornecer uma exemplo para a construção de formulários em aplicativos móveis.

Objetivo

O objetivo do FormSnippet é oferecer um exemplo de implementação simplificada e eficaz para a criação de formulários em aplicativos React Native, promovendo boas práticas de acessibilidade e facilitando o processo de desenvolvimento.

Tecnologias Utilizadas

  • React Native: Framework para o desenvolvimento de aplicativos móveis multiplataforma, baseado em JavaScript e React.
  • Yup: Biblioteca de validação de esquemas JavaScript para análise e validação de dados.
  • React Hook Form: Biblioteca de gerenciamento de formulários React eficiente e flexível, baseada em hooks.
  • Acessibilidade em React Native: Implementação de recursos de acessibilidade para garantir uma experiência inclusiva para todos os usuários.

Inicie o aplicativo

Para executar o FormSnippet ao seu projeto, siga os passos abaixo:

  1. Instalação das Dependências: Certifique-se de instalar as dependências:

    # usando Yarn
    yarn install
    
    # Em caso de iOS é necessário entrar no diretório ios
    # e rodar o seguinte comando
    cd ios
    pod install

    Android

    Para iniciar o Metro, execute o comando a baixo dentro da pasta do projeto React Native:

    yarn start

    Deixe que o Metro Bundler seja executado em seu próprio terminal. Abra um novo terminal dentro da pasta do projeto React Native. Execute o seguinte comando:

    # Usando Yarn
    yarn android

    Ios

    Os aplicativos para ios só compilam em maquinas apple.

    Para iniciar o Metro, execute o comando a baixo dentro da pasta do projeto React Native:

    yarn start

    Deixe que o Metro Bundler seja executado em seu próprio terminal. Abra um novo terminal dentro da pasta do projeto React Native. Execute o seguinte comando:

    # Ou usando Yarn
    yarn ios

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Feito por Rafael J. Nascimento