1 00:00:02,380 --> 00:00:03,300 Então, o 2 00:00:03,310 --> 00:00:04,660 que é Reagir Nativo? 3 00:00:04,660 --> 00:00:06,520 Vamos começar com a parte React, também 4 00:00:06,520 --> 00:00:08,190 conhecida como React. 5 00:00:08,200 --> 00:00:13,260 js que é o nome dessa biblioteca e espero que você saiba o que React. js é. 6 00:00:13,360 --> 00:00:15,570 Você não precisa ser um especialista no React. js mas você 7 00:00:15,580 --> 00:00:18,290 deve saber o que React. js é. 8 00:00:18,310 --> 00:00:22,450 No entanto, vamos resumir o que é para estarmos na mesma página. 9 00:00:22,480 --> 00:00:25,910 É uma biblioteca Javascript para construir interfaces com o usuário, 10 00:00:25,930 --> 00:00:27,400 essa é a 11 00:00:27,400 --> 00:00:35,560 definição oficial, que é o que o React faz no final. Ele é executado em Javascript e é bom na construção de interfaces de usuário. 12 00:00:35,560 --> 00:00:41,420 Normalmente, usamos o React no desenvolvimento da Web para criar aplicativos da Web, mas é importante entender que 13 00:00:41,430 --> 00:00:42,880 o próprio React, na 14 00:00:42,880 --> 00:00:49,360 verdade, não faz nenhuma suposição sobre o que estamos construindo com ele, porque na verdade é outra biblioteca que 15 00:00:49,360 --> 00:00:54,970 você também usa quando criação de aplicativos da web com o React responsável por renderizar algo 16 00:00:54,970 --> 00:00:56,260 na tela e 17 00:00:56,260 --> 00:00:58,470 essa é a biblioteca do React DOM. 18 00:00:58,570 --> 00:01:04,660 Agora, em todos os projetos do React for web que você está trabalhando, você chamará o ReactDOM. render em algum ponto do tempo e entregar o 19 00:01:04,660 --> 00:01:11,070 aplicativo React para esse método para realmente renderizar algo na tela e essa é a biblioteca que sabe sobre a 20 00:01:11,170 --> 00:01:18,310 web e sabe como renderizar elementos HTML e assim por diante. Reagir em si é independente de plataforma, é 21 00:01:18,310 --> 00:01:21,130 apenas uma biblioteca que é boa 22 00:01:21,220 --> 00:01:27,850 na construção de árvores de componentes, de descobrir se algo mudou, se algo precisa ser re-renderizado, 23 00:01:28,120 --> 00:01:33,010 de gerenciar estado, de passar dados ao redor, mas faz isso de 24 00:01:33,100 --> 00:01:38,890 forma abstrata. É por isso que você pode usar o React em qualquer plataforma. 25 00:01:38,890 --> 00:01:42,490 Você não está restrito ao navegador, ao HTML, 26 00:01:42,610 --> 00:01:50,020 à web, você pode usar a lógica que o React lhe dá em qualquer lugar, é a parte do 27 00:01:50,100 --> 00:01:55,420 React DOM que então sabe como trabalhar com HTML e assim é super importante 28 00:01:55,420 --> 00:02:02,890 entender porque isso é importante quando pensamos em Reagir Nativa. O React Native é uma biblioteca separada que, no 29 00:02:02,890 --> 00:02:08,530 final, é uma coleção de componentes especiais do React, portanto, uma coleção de componentes que 30 00:02:08,560 --> 00:02:15,370 você pode usar no seu aplicativo React e esses componentes são especiais porque o React Native sabe como 31 00:02:15,610 --> 00:02:23,410 traduzi-los compile esses componentes para widgets nativos para iOS e Android. Então o React Native é como o React DOM, ele sabe como 32 00:02:23,410 --> 00:02:30,490 falar com a plataforma nativa, para Android e iOS e como renderizar widgets nativos e ele fornece vários desses widgets como componentes 33 00:02:30,490 --> 00:02:36,820 React para que você possa construir uma interface de usuário com esses componentes compiláveis, por assim dizer, porque você não 34 00:02:36,820 --> 00:02:43,690 poderá usar seus divs regulares e h1 e tags de parágrafo nos aplicativos React Native, pois não há equivalentes diretos para 35 00:02:43,690 --> 00:02:49,620 isso no código nativo, mas voltarei a isso. Agora, além de fornecer esses componentes, o 36 00:02:49,630 --> 00:02:55,330 React Native é um pouco mais do que isso, ele também dá acesso a algumas APIs 37 00:02:55,330 --> 00:02:59,740 de plataformas nativas, por exemplo, ajuda a usar a câmera do dispositivo, 38 00:02:59,800 --> 00:03:05,680 coisas assim, tarefas comuns que você gostaria de fazer Em geral, o React Native oferece ferramentas 39 00:03:05,680 --> 00:03:11,560 para conectar o código Javascript ao código da plataforma nativa, pois você geralmente cria um aplicativo 40 00:03:11,560 --> 00:03:17,890 React Native escrevendo principalmente código Javascript ou dependendo do aplicativo que está criando, escrevendo completamente o código 41 00:03:17,890 --> 00:03:18,490 Javascript. 42 00:03:18,520 --> 00:03:25,600 Agora eu digo principalmente, pelo menos é uma possibilidade porque você também pode escrever código nativo para iOS ou Android e 43 00:03:25,840 --> 00:03:30,670 o React Native lhe dá as ferramentas para conectar seu código Javascript àquele 44 00:03:30,670 --> 00:03:36,310 código nativo, embora seja um pouco mais avançado e em muitos aplicativos nunca vai precisar disso e, 45 00:03:36,310 --> 00:03:42,460 portanto, o React Native dá-lhe flexibilidade total, dá-lhe uma forma de ligar o Javascript ao código nativo e 46 00:03:42,460 --> 00:03:48,090 também lhe oferece muitas funcionalidades nativas pré-construídas que são convenientemente utilizáveis dentro do seu código Javascript. 47 00:03:48,280 --> 00:03:54,550 Então, se você combinar o React Native e os recursos que lhe dão React. js que sabe como atualizar uma interface de usuário e 48 00:03:54,910 --> 00:04:00,700 como controlar uma interface de usuário, então você obtém tudo o que precisa para compilar um aplicativo nativo 49 00:04:00,700 --> 00:04:06,730 real e isso é o que o React Native lhe oferece, tudo o que você precisa para usar seu 50 00:04:06,730 --> 00:04:12,780 Javascript codifique e compile isso para um aplicativo móvel nativo real que você pode enviar para a App Store para 51 00:04:12,780 --> 00:04:16,760 iOS ou para a Google Play Store para Android, para que você obtenha 52 00:04:16,870 --> 00:04:19,840 um aplicativo nativo real como resultado no final.