Biblioteca JavaScript para criar interfaces interativas com componentes compostos, na web, no servidor e em plataformas nativas.
necolas/react-native-web
React Native para Web: biblioteca que permite renderizar componentes e APIs do React Native em navegadores usando React DOM.
- Estrelas
- 22,151
- Forks
- 1,833
- Issues abertas
- 132
- Último commit
- há 21 horas
O que é?
React Native for Web leva componentes e APIs do React Native para o navegador, permitindo que o mesmo código de interface seja usado no iOS, Android e web. Ele mapeia elementos básicos do React Native, como View e Text, para elementos do React DOM e oferece implementações web das APIs do React Native.
O projeto é publicado como o pacote react-native-web. Este repositório é o monorepo de desenvolvimento que o contém, junto com scripts de build, desenvolvimento e testes, workflows do GitHub Actions e templates de issues. As contribuições seguem um guia de contribuição, e há uma lista de boas primeiras issues para quem está começando.
Recursos principais
- 01Renderiza componentes do React Native, como View e Text, no navegador via React DOM.
- 02Oferece implementações web das APIs do React Native.
- 03Permite usar uma única base de código no iOS, Android e web.
- 04É gerenciado como um monorepo, com comandos de build, desenvolvimento e testes para cada pacote.
Casos de uso
- Compartilhar componentes de interface entre um app mobile em React Native e um app web em React.
- Adicionar uma versão web a um projeto React Native existente.
- Criar sistemas de design multiplataforma que funcionem em plataformas nativas e na web.
Início rápido
- 1
Execute o script dev para todos os pacotes
npm run dev - 2
Execute o script build para todos os pacotes
npm run build - 3
Execute os testes de todos os pacotes
npm run test
Antes de usar
- O README aborda apenas tarefas de desenvolvimento do monorepo e não traz instruções de instalação ou uso para os usuários finais.
Tópicos
Perguntas frequentes
- O que é react-native-web?
- React Native para Web: biblioteca que permite renderizar componentes e APIs do React Native em navegadores usando React DOM. React Native for Web leva componentes e APIs do React Native para o navegador, permitindo que o mesmo código de interface seja usado no iOS, Android e web. Ele mapeia elementos básicos do React Native, como View e Text, para elementos do React DOM e oferece implementações web das APIs do React Native.
- react-native-web é gratuito? Qual é a licença?
- react-native-web é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- react-native-web ainda é mantido?
- Manutenção ativa. O último commit de react-native-web foi em 20 de out. de 2026.
- Para que posso usar react-native-web?
- Compartilhar componentes de interface entre um app mobile em React Native e um app web em React. Adicionar uma versão web a um projeto React Native existente. Criar sistemas de design multiplataforma que funcionem em plataformas nativas e na web.
- Como instalar react-native-web?
- Execute o script dev para todos os pacotes: npm run dev Execute o script build para todos os pacotes: npm run build Execute os testes de todos os pacotes: npm run test
- Onde consigo react-native-web?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/necolas/react-native-web
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma solução aberta e multiplataforma, compatível com vários frameworks, para criar um único app que roda em mini programs do WeChat, Alipay e outras plataformas, na web H5 e no React Native com React ou Vue.
Biblioteca de componentes React sem estilos, com primitivas de UI acessíveis para criar sistemas de design personalizados.
Um framework para criar apps nativos para Android e iOS com React, renderizando a interface em JavaScript com componentes nativos da plataforma.
Framework open source para criar apps nativos universais com React, compatíveis com Android, iOS e web.
Coleção de componentes React para copiar e colar, criada com Radix UI e Tailwind CSS, que você controla e personaliza no próprio código do projeto.