{"id":347,"date":"2019-08-01T13:46:07","date_gmt":"2019-08-01T13:46:07","guid":{"rendered":"https:\/\/micheladrianomedeiros.com.br\/blog\/?p=347"},"modified":"2019-08-01T13:46:10","modified_gmt":"2019-08-01T13:46:10","slug":"react-native-para-desenvolvimento-mobile-1","status":"publish","type":"post","link":"https:\/\/micheladrianomedeiros.com.br\/blog\/react-native-para-desenvolvimento-mobile-1\/","title":{"rendered":"React Native Para Desenvolvimento Mobile #1"},"content":{"rendered":"\n

Aprendendo o B\u00e1sico<\/strong><\/p>\n\n\n\n

Antes de embarcar na jornada\ndo React Native, voc\u00ea precisa saber um pouco sobre o React (tamb\u00e9m conhecido\ncom ReactJS ou React.js). N\u00f3s vamos olhar um pouco sobre os conceitos do React,\nenquanto vemos o React Native.<\/p>\n\n\n\n

Vamos come\u00e7ar! React \u00e9\ndiferente da maioria das tecnologias populares da web. Os conceitos principais\nir\u00e3o abrir a sua mente para um novo jeito de pensar se voc\u00ea gastar um tempo com\no framework; este novo jeito de pensar \u00e9 chamado por alguns como: pensar como o\nReact. Voc\u00ea pode tamb\u00e9m escutar o termo \u201cEscrever uma vez e rodar em qualquer\nlugar\u201d, mas foi descartado por diversos fatores (web, mobile, tablets). React\ntem diferentes princ\u00edpios \u201cAprenda uma vez e use em qualquer lugar\u201d. Esta frase\n\u00e9 um pouco diferente e libertadora. <\/p>\n\n\n\n

De acordo com a documenta\u00e7\u00e3o\noficial, React \u00e9 uma biblioteca JavaScript (e n\u00e3o framework) para criar\ninterfaces de usu\u00e1rios (UIs). Foi um esfor\u00e7o combinado de times do Facebook e Instagram.\nReact foi apresentado para o mundo em 2013, e foi um estouro, a aceita\u00e7\u00e3o pela a\ncomunidade foi ben\u00e9fica para a tecnologia utilizada no Facebook. De acordo com\na documenta\u00e7\u00e3o oficial, pode-se considerar o React como o V do model-view-controller\n(MVC), porque o React n\u00e3o est\u00e1 associado a esta tecnologia. Voc\u00ea pode usar a\ntecnologia que quiser para criar uma aplica\u00e7\u00e3o, tanto React ou React Native; voc\u00ea\npode fazer mudan\u00e7as em aplica\u00e7\u00f5es j\u00e1 prontas adicionando o React. <\/p>\n\n\n\n

Por que React?<\/strong><\/p>\n\n\n\n

N\u00f3s realmente precisamos de\noutra biblioteca JavaScript? Se h\u00e1 muitas outras bibliotecas e frameworks. \u00c9\ndif\u00edcil responder sem conhecer o novo framework do JavaScript.<\/p>\n\n\n\n

React nasceu porque seus\ncriadores de depararam com um problema: como construir uma grande aplica\u00e7\u00e3o que\nos dados mudam a toda hora. Este problema ocorre em quase toda aplica\u00e7\u00e3o em\ntempo real e o React foi criado para solucionar este problema. Como voc\u00ea sabe,\nmuitos frameworks populares s\u00e3o MVC ou model-view-wildcard (MV*), mas o ponto\nimportante aqui \u00e9 que o React n\u00e3o \u00e9 um framework MV*. Ele \u00e9 apenas uma biblioteca\npara construir composable UIs para componentes UI que tem os seus dados\nmodificados a toda hora. Diferente do popular framework JS, React n\u00e3o utiliza diretivas\nde templates ou Hypertext Markup Language (HTML). React constr\u00f3i UIs por partes\ndentro de muitos componentes UI. Apenas isto. Significa que o React utiliza\ntodos os recursos da linguagem de programa\u00e7\u00e3o para construir e renderizar\nviews. <\/p>\n\n\n\n

Vamos ver algumas vantagens do\nReact:<\/p>\n\n\n\n

React utiliza JavaScript\nextensivamente: Tradicionalmente os views em HTML s\u00e3o separados da funcionalidade\ndo JavaScript. Com o React, componentes s\u00e3o criados e n\u00e3o h\u00e1 se\u00e7\u00f5es monol\u00edticas\nonde o JavaScript est\u00e1 ligado ao seu HTML.<\/p>\n\n\n\n

Extens\u00edvel e sustent\u00e1vel: Componentes\ns\u00e3o formados por uma marca\u00e7\u00e3o unificada com a l\u00f3gica da sua view, que faz o UI\nser f\u00e1cil de ser extens\u00edvel e mantido.<\/p>\n\n\n\n

Virtual DOM: Aplica\u00e7\u00f5es React\ns\u00e3o maravilhosas. Por causa do Virtual DOM e o algoritmo diffing.<\/p>\n\n\n\n

One-way data flow: \u00a0dados ligados ao two-way \u00e9 uma grande ideia, mas em aplica\u00e7\u00f5es do mundo real, isto gera mais dor de cabe\u00e7a do que benef\u00edcios. Uma desvantagem com os dados two-way \u00e9 que voc\u00ea n\u00e3o tem ideia como atualizar os dados. Com o one-way as coisas ficam simples: Voc\u00ea sabe onde os dados est\u00e3o sendo modificados, isto faz que seja mais f\u00e1cil a manuten\u00e7\u00e3o e os testes.<\/p>\n\n\n\n

React Native for Mobile Development: Harness the Power of React Native to Create Stunning iOS and Android Applications<\/a><\/p>\n\n\n\n

https:\/\/amzn.to\/2SYzIPL<\/a><\/p>\n\n\n\n

Iniciando com React.js<\/strong><\/p>\n\n\n\n

http:\/\/bit.ly\/2LUoRWC<\/a><\/p>\n\n\n\n

REACT NATIVE – CONSTRUINDO APLICATIVOS NATIVOS PARA ANDROID E IOS<\/strong><\/p>\n\n\n\n

http:\/\/bit.ly\/2yq7uUv<\/a><\/p>\n\n\n\n

#react #reactnative<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"

Aprendendo o B\u00e1sico Antes de embarcar na jornada do React Native, voc\u00ea precisa saber um pouco sobre o React (tamb\u00e9m conhecido com ReactJS ou React.js). N\u00f3s vamos olhar um pouco sobre os conceitos do React, enquanto vemos o React Native. Vamos come\u00e7ar! React \u00e9 diferente da maioria das tecnologias populares da web. Os conceitos principais […]<\/p>\n","protected":false},"author":1,"featured_media":348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[65],"tags":[66],"class_list":["post-347","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-reactnative","tag-react-native"],"_links":{"self":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/comments?post=347"}],"version-history":[{"count":2,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/347\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/posts\/347\/revisions\/350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/media\/348"}],"wp:attachment":[{"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/media?parent=347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/categories?post=347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/micheladrianomedeiros.com.br\/blog\/wp-json\/wp\/v2\/tags?post=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}