Angular Native entra na disputa por iOS e Android

Autoria: Compilado do Código Fonte TV · Assistir no YouTube

Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.

Idioma original: português

Vídeo original: Angular Native entra na briga por iOS e Android · Canal: Compilado do Código Fonte TV · 05:13 · Assistir no YouTube

Tópicos: Engenharia de software com IA, Ferramentas de desenvolvimento com IA, Open source e ecossistemas de software

Resumo

Ashley Hunter anunciou a versão alfa do Angular Native, um framework de código aberto e independente para criar aplicativos nativos para iOS e Android com o ecossistema Angular. Em vez de depender apenas de visualizadores web embutidos, o projeto integra o Angular à infraestrutura do Expo para renderizar componentes nativos. Ele oferece recursos como navegação nativa, suporte a funcionalidades de hardware e testes automatizados. Como ainda está em alfa e não é afiliado nem endossado pelo Google, o vídeo ressalta que o projeto ainda não é recomendado para produção.

Pontos-chave

Angular Native é um projeto independente, de código aberto sob licença MIT, criado por Ashley Hunter.
O framework combina o ecossistema Angular com a infraestrutura do Expo para renderizar componentes nativos em iOS e Android.
O projeto oferece suporte a recursos como navegação nativa, estilos por plataforma, temas escuros e deep links.
Recursos de hardware, como câmera, Face ID, notificações e armazenamento seguro, podem ser acessados pelo framework.
O projeto inclui testes de componentes sem emuladores e fluxos end to end com Maestro.
Angular Native está em versão alfa e não é afiliado nem endossado pelo Google; o vídeo alerta que ainda não é indicado para produção.
A ferramenta se junta a outras opções multiplataforma, como React Native, Flutter, Kotlin Multiplatform e Swift.

Capítulos

Início	Capítulo	Resumo
00:02	Anúncio do Angular Native	O vídeo apresenta o framework recém-anunciado e questiona se ele é um projeto oficial do Google.
00:32	Como o framework funciona	A transcrição descreve a integração com o Expo, a renderização de componentes nativos, os estilos e os recursos de navegação e hardware.
02:40	Projeto independente e alternativas	Os apresentadores confirmam que o Angular Native é independente e o comparam a outras opções de desenvolvimento móvel multiplataforma.
03:41	Maturidade e uso em produção	O vídeo destaca que o projeto ainda está em alfa e precisa de manutenção e adoção antes de ser considerado para produção.
04:43	Possível apoio do Google e encerramento	Os apresentadores especulam sobre um possível apoio futuro do Google e encerram com um convite para acompanhar o canal.

Citações

É um novo framework de código aberto sob licença MIT, projetado para construir aplicações nativas para iOS e Android utilizando o ecossistema do Angular. — 00:32

Ele é independente, o projeto está aberto, não está afiliado ou endossado pelo Google. — 02:40

Todos eles pensam justamente em conseguir navegar por todos esses tipos de sistemas utilizando uma mesma base de código. — 03:10

Com certeza não está recomendado ainda para colocar em produção. — 04:12

Conceitos e entidades

Angular Native (ferramenta): Framework independente em versão alfa para criar aplicativos nativos para iOS e Android usando o ecossistema Angular.
Ashley Hunter (pessoa): Desenvolvedor que anunciou o lançamento da versão alfa do Angular Native.
Angular (ferramenta): Framework cujo ecossistema é usado pelo Angular Native para desenvolver aplicativos móveis.
Expo (ferramenta): Infraestrutura à qual o Angular Native se integra para renderizar componentes nativos.
Expo SDK 57 (ferramenta): Versão do SDK do Expo citada como parte da integração técnica do projeto.
Angular 22 (ferramenta): Versão do Angular mencionada na transcrição como base do projeto.
Tailwind CSS v4 (ferramenta): Ferramenta de estilos cuja versão 4 é mencionada como compatível com o projeto.
Metro (ferramenta): Motor citado como responsável por compilar a estilização durante o build.
Maestro (ferramenta): Ferramenta mencionada para executar fluxos de testes end to end.
Google (empresa): Empresa que, segundo a transcrição, não é afiliada nem endossa o Angular Native.
React Native (ferramenta): Framework citado como outra opção para desenvolver aplicativos móveis multiplataforma.
Flutter (ferramenta): Tecnologia citada como alternativa para criar aplicativos para diferentes plataformas.
Kotlin Multiplatform (ferramenta): Tecnologia mencionada entre as opções para desenvolvimento multiplataforma.

Tradução completa (pt-BR)

00:02 Angular Native entra na briga por iOS e Android. >> Olha que briga, né? Porque o React Native já está fazendo isso há bastante tempo; já deve ser maior de idade. >> E agora o Angular também entra nesse mundo, com o desenvolvedor lançando uma versão justamente para isso. >> E isso acontece no momento em que a gente vê o Swift também querendo sair do mundo iOS ou, pelo menos, ir para outros mundos. Vamos investigar melhor o que a notícia diz.

00:32 O desenvolvedor Ashley Hunter anunciou o lançamento da versão alfa do Angular Native. É um novo framework de código aberto sob licença MIT, projetado para construir aplicações nativas para iOS e Android utilizando o ecossistema do Angular. Então, não sei: será que é oficial? Não sei. Veio do próprio Google? Vou investigar isso aqui enquanto a gente lê, tá? Diferentemente de abordagens baseadas em visualizadores web embutidos, que são os webviews, o projeto conecta o renderer do framework

01:03 diretamente à infraestrutura do Expo para desenhar componentes nativos reais, mapeando telas em elementos UIView no ecossistema da Apple e Android View no sistema do Google. A proposta técnica permite que os programadores aproveitem recursos modernos da plataforma web, como templates tradicionais, injeção de dependências e signals, integrados diretamente ao ecossistema do Expo SDK 57 e ao recém-lançado Angular 22. O ferramental conta com suporte completo ao Tailwind CSS v4 e um motor de

01:37 estilização compilado em tempo de build pelo Metro. A ferramenta inclui suporte a variantes de estilo por plataforma, como classes específicas para iOS, Android e temas escuros, além de preservar estados de componentes durante o hot reload de templates na interface. A camada de navegação converte o roteador nativo do Angular em pilhas de navegação nativas com suporte a abas, janelas modais, gestos de arrastar e deep links. Recursos de hardware, como câmeras, biometria por Face ID, notificações,

02:08 armazenamento seguro e conexões com o SDK ficam expostos diretamente nos signals reativos. Na esteira dos testes automatizados, o projeto roda testes de componentes em ambiente Node sem a necessidade de emuladores abertos, além de oferecer fluxos end-to-end com Maestro e suporte a arquivos llms.txt para integração com agents autônomos de código. >> Olha, já estou aqui na página do Angular Native, que é o angular-native.com. Já tem uma página aqui e também um repositório no GitHub.

02:40 E realmente é um projeto independente, está aqui embaixo, ó. Ele é independente, o projeto está aberto, não é afiliado nem endossado pelo Google, mas utiliza o Angular 22 por trás e provavelmente vai se atualizar conforme eles forem trabalhando. E o importante é isso: você consegue utilizar o webview, mas também utilizar os componentes nativos, assim como a proposta do próprio Flutter, do próprio React Native, do

03:10 Kotlin Multiplatform, do Swift, que agora também está entrando nesse mundo, e agora do Angular. Então, há muitas opções para desenvolver aplicações mobile. >> Claro. E todos eles pensam justamente em conseguir navegar por todos esses tipos de sistemas utilizando uma mesma base de código. Claro que fazer isso de forma nativa não é simples. Não existiria apenas um único, nem existiriam outros focados especificamente em cada uma das tecnologias. Mas é bom ter mais uma opção e com toda a bagagem

03:41 do Angular, né? Exato. Então, muitos desenvolvedores Angular vão poder aproveitar código e utilizá-lo. Como não é um projeto oficial, fica aquela questão de ele vingar. Esse projeto vai ter que acabar vingando e ter mantenedores para você poder colocá-lo em produção. Porque, se você já tem algo em produção rodando há muitos anos em Angular, é óbvio que vai interessar a muita gente partir para essa solução. Mas, como o projeto ainda está em alfa — está aqui, ó, está em alfa —, provavelmente ainda não está pronto, né? Provavelmente não. Com

04:12 certeza, ainda não é recomendado colocá-lo em produção, então ele precisa vingar. Tanto é que já tem um botãozinho para patrocinar. E acredito que, se for mesmo um projeto grande — quer dizer, grande o suficiente para utilizar de verdade os recursos do Angular em larga escala —, não há motivo para o Google também não incorporar isso em algum momento, né? >> Eu ia falar exatamente isso, né? Acho que, se realmente vingar de certa forma e o Google conseguir enxergar valor nisso, ele mesmo vai ser o primeiro a investir nesse

04:43 projeto, né? Acredito eu. >> O que você acha? Vai testar esse Angular Native? Não sei se eles também podem usar esse nome. A logo está parecida com a do Angular, então acredito que tenham verificado isso, né? >> Será que pode dar ruim? [risadas] E este aqui é um corte de uma notícia do compilado do Código Fonte TV, >> onde toda semana tem episódio novo falando de programação, tecnologia, inteligência artificial e cibersegurança. >> Então já se inscreve aqui no canal do Compilado e acompanha os episódios

05:13 completos. [música] >> [música]

Transcrição original

[00:02] Angular Native entra na briga por iOS e Android. >> Olha que briga, né? Porque o React Native já tá fazendo, já deve est maior de idade já >> faz tempo já. >> E agora o Angular que lança aí o desenvolvedor lançou uma versão justamente pro Angler também ir para esse mundo. >> E isso isso no momento que a gente vê o Swift também querendo sair do mundo iOS ou pelo menos sair também, né, querendo ir para outros mundos. Vamos investigar aqui melhor o que que a notícia diz, ó.

[00:32] O desenvolvedor Ashley Hunter anunciou o lançamento da versão alfa do Angular Native. É um novo framework de código aberto sobre licença MIT projetado para construir aplicações nativas para iOS e Android utilizando o ecossistema do Angular. Então eu não sei, tem que será que é oficial? Não sei. Então se é eh veio do próprio Google, né? Eu vou dar uma investigada aqui enquanto a gente que lê, tá? Diferente de abordagens baseadas em visualizadores web embutidos, que é o web viw, né, o projeto conecta o hander 2 do framework

[01:03] diretamente a infraestrutura do Expo para desenhar componentes nativos reais, mapeando telas em elementos UI View no ecossistema da Apple e Android View no sistema do Google. A proposta técnica permite que os programadores aproveitem recursos modernos da plataforma web, como templates tradicionais, injeção de dependências e signos integrados diretamente ao ecossistema do Expo SDK57 e ao recém-lançado Angular 22. O ferramental aí conta com o suporte completo ao Tind CSS V4 e um motor de

[01:37] estilização compilado em tempo de build pelo metro. A ferramenta inclui suporte a variantes de estilo por plataforma, como classes específicas para iOS, Android e temas escuros, além de preservar estados de componentes durante hot reload de templates na interface. A camada de navegação converte o roteador nativo do Angular em pilhas de navegação nativas com suporte a aba, janelas modais, gestos de arrastar e deep links. Recursos de hardware, como câmeras, biometria por Face ID, notificações,

[02:08] armazenamento seguro e conexões SK operam expostos diretamente nos signals reativos. Na esteira dos testes automatizados, o projeto roda teste de componentes em ambiente node sem a necessidade de emuladores abertos, além de oferecer fluxos end to end com maestro e suporte a arquivos llms.txt para integração com agentes autônomos de código. >> Olha, já estou aqui na tela então do Angularnative, que é o ngtraçonnative.com. Já tem uma página aqui, tá num

[02:40] repositório também no GitHub. E realmente é um projeto independente, tá aqui embaixo, ó. Ele é independente, o projeto tá aberto, não está afiliado ou endossado pelo Google, mas utiliza ali por trás o Angular 22 e provavelmente vai se atualizar aí conforme eles eles vão operando. E o importante é isso, você consegue utilizar é o web viw, mas também utilizar os componentes nativos, assim como a ideia, né, do próprio Flutter, do próprio React Native, do

[03:10] Cotlin Multiplataform, do Swift, agora também entrando nesse mundo e agora o Angular. Então tem muitas opções aí para desenvolver aplicações agora, né, mobile. >> Claro. E todos eles pensam justamente em conseguir navegar por por todos esses tipos de sistemas utilizando uma mesma base de código. Claro que fazer isso de forma nativa não é simples. Não existiria só ali um único e não existiriam outros focados específicos em cada uma das tecnologias. Mas é bom aí ter mais uma opção e com toda a bagagem

[03:41] do Angular, né? Exato. Então, muito desenvolvedor Angular aí vai poder aproveitar código e utilizar. Como não é um projeto oficial, vai ficar aquela coisa de vingar. Esse projeto aqui vai ter que acabar vingando e ter mantenedores para você poder colocar em produção. Porque se você tem algo já em produção rodando muitos anos em Angula, óbvio que, pô, vai interessar muitos de partir para essa solução. Mas como o projeto ainda está em alfa, tá aqui, ó, está em alfa, provavelmente ainda não está ali, né? Provavelmente não, né? Com

[04:12] certeza não está recomendado ainda para colocar em produção, então ter que vingar. Tanto é que já tem botãozinho aqui para sponsor. E eu acredito que se for um projeto grande mesmo, quer dizer, um projeto grande o suficiente para utilizar os recursos realmente do Angular de uma forma grande, não tem por o Google também não incorporar isso em algum momento, né? >> Eu ia falar exatamente isso, né? Acho que se realmente vingar ali de certa forma e o Google conseguir o Google conseguir ver o valor nisso, ele mesmo vai ser o primeiro a aportar nesse

[04:43] projeto, né? Acredito eu. >> O que que você acha? Você vai testar aí esse Angular Native? Eu não sei se eles podem também, inclusive usar esse nome. A a logo tá tá parecida com do Angula, então é acredito que tenham checado isso, né? >> Será que pode dar ruim aí? [risadas] E esse aqui é um corte de uma notícia do compilado do Código Fonte TV, >> onde toda semana tem episódio novo falando de programação, tecnologia, inteligência artificial e cybersegurança. >> Então já se inscreve aqui no canal do Compilado e acompanha os episódios

[05:13] completos. [música] >> [música]