Uma versão em Ionic do tutorial Tour of Heroes, produzido em Angular.
Link do tutorial: https://angular.io/tutorial
Todo código foi adaptado e foram seguidos os conceitos originais de Data Binding, Orientação a Objetos, Hierarquia de Componentes, Serviços e HTTP. A principal diferença se encontra na navegação, além do uso de componentes e conceitos próprios do Ionic.
Enquanto no Angular a navegação é feita através de URLS, Veja aqui,
no Ionic a navegação entre paginas é usualmente feita em cima de uma classe que empilha as paginas para mostrá-las.
O Angular é uma framework que foi estruturada para servir a Single Page Applications, portanto, no tutorial a gente tem uma
única pagina que troca entre componentes.
Para levar esse conceito pro Ionic, eis o que foi feito nesse projeto: foi criado uma única
pagina e para alternar entre componentes foi utilizado o componente Segment, assim,
evita-se a criação de novas páginas. Adicionalmente, um provider foi criado e instanciado uma única vez na aplicação toda, nele, encontra-se a variável que controla o Segment
Exemplificação:
Para testar pelo Ionic View, use o seguinte ID: a8048e2e
Para obter uma cópia deste repositório e rodar onde quiser:
git clone https://github.com/guilhermebpereira/ionic-tour-of-heroes.git
npm install
ionic serve
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent