Resumo do Transcript sobre CRUD e API

Continuando, só para quem não sabe o que significa CRUD. CRUD é a sigla que significa create, read, update, delete. E essas são as operações mais comuns em quadros todos os aplicativos. Sempre vai ser criar, a gente vai criar uns records, vai dar uma lida e vai dar atualizada e vai deletar. Tá bom, criar, ler, atualizar, deletar. No aplicativo que a gente fez no introdução Redux, a gente aprendeu a read, o R do CRUD. Mas agora a gente vai aprender o C, o U e o D. Vai aprender a criar um novo post, atualizar um post já existente e a deletar post que já existe também. Tá bom? Voltando aqui para o nosso sketch, a gente tinha isso e agora a gente vai fazer assim. Então, vai ter a mesma lista de posts, vai dar uma olhada no post, ver post, mas agora também vão ter esse botão ou um texto chamado Novo que vai para a nova cena, essa cena aqui, para criar um novo post. Vai ter o título do post, caixa de texto e o conteúdo, com a caixa de texto maiorzinha. Tem um botão OK, que vai criar um novo post e vai voltar para a cena da lista. Note também que tem um botão de cancelar que vai dar no mesmo, desse botão de voltar, que já é fornecido pelo React Native Router Flux, que é o módulo de navegação que a gente está usando. Agora, quando você clica em um dos posts, vai para a cena de ver posts e você pode ter a opção de clicar editar. Quando clicar editar, vai para a cena, que é quase a mesma coisa de novo de post, exceto que você já tem o título e o conteúdo autocompletado do post aqui. E também tem esse botão de deletar o post que vai ser usado para remover o post do banco de dados. Tá bom? Também botão cancelar e botão de voltar, que vai dar no mesmo, vai voltar para a cena anterior. Só uma coisa que a gente vai fazer, quando clicar OK, a gente vai voltar. Se for um novo post, clica OK, vai mandar e ir para a cena de lista de posts. E se der um OK no editar, a gente quer voltar para a cena de ver posts. Certo? Agora vamos falar da API que a gente estava usando no nosso aplicativo. A gente estava usando esse site aqui chamado jsonplaceholder.tipcode.com para usar esse fake API, API de REST. E a gente usou a Wendpoint Barra Post que vai dar toda essa informação. Mas esses caras aqui, você pode continuar os anos se quiser, mas o que a gente vai fazer é fazer o nosso próprio API, para ter os nossos próprios dados, em vez de ter que depender dos outros, desse website. Então a gente vai fazer o nosso próprio fake API. Para isso a gente vai usar o JSON Server, o módulo do NPM. E a gente, opcionalmente, vai dar um deploy para o Heroku, se você quiser que a sua API esteja disponível na web. Ou você pode só trabalhar com o JSON Server localmente. Eu vou ter o vídeo para você aprender a deploy para o Heroku, se você quiser, estiver interessado. Então, outra coisa também que eu queria falar é que a gente vai ficar testando a API, por isso eu vou usar o Postman. Postman é um aplicativo do Chrome, a extensão do Chrome. Não sei se tem para os outros navegadores, mas a gente está usando o Chrome, então Postman vai aqui na loja do Chrome, Extensions, Extensões. E adiciona o Chrome, por favor. Postman é para a gente testar os endpoints da API, vou adicionar. Aí vai estar aqui no Chrome Apps, toda vez que você vai abrir o Postman, você tem que ir para seus aplicativos. Está aqui o endereço Chrome, dois pontos barra barra apps, vai abrir essa tela e você vai clicar em Postman e vai abrir a nova tela com o aplicativo, a extensão do Chrome. Se você não precisa se registrar, é só clicar aqui, pular, sei lá, como vai ter em português para você, clicar aqui no final para ir para o aplicativo diretamente sem criar uma conta.