{"id":1065,"date":"2018-12-19T14:02:02","date_gmt":"2018-12-19T17:02:02","guid":{"rendered":"https:\/\/programathor.com.br\/blog\/?p=1065"},"modified":"2021-07-08T14:58:51","modified_gmt":"2021-07-08T17:58:51","slug":"bibliotecas-de-react-native","status":"publish","type":"post","link":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/","title":{"rendered":"Bibliotecas de React Native para aprender em 2019"},"content":{"rendered":"

Com a crescente popularidade do React e a ascens\u00e3o do desenvolvimento de aplicativos para dispositivos m\u00f3veis, n\u00e3o \u00e9 surpresa que o React Native esteja crescendo cada vez mais. Em paralelo com seu crescimento, cresce tamb\u00e9m o n\u00famero de bibliotecas de React Native, as quais surgem com a finalidade de auxiliar e otimizar seu trabalho.<\/p>\n

Assim como o pr\u00f3prio React, o React Native incentiva voc\u00ea a construir sua UI usando componentes espec\u00edficos. Com isso, separamos 5 bibliotecas de React Native para aprender em 2019.<\/p>\n

<\/p>\n

No artigo passado, apresentamos bibliotecas de Javascript<\/a>. Nesse texto, iremos citar bibliotecas de componentes e os kits de ferramentas da interface de usu\u00e1rio. Elas ir\u00e3o te ajudar a economizar tempo e criar seus aplicativos mais rapidamente.<\/p>\n

1. NativeBase<\/h2>\n

\"\"<\/p>\n

O NativeBase<\/a> \u00e9 uma biblioteca de UI amplamente popular que fornece dezenas de componentes multiplataforma para o React Native. Essa biblioteca de React Native<\/a> vem com um rico ecossistema em torno dele, desde kits iniciais \u00fateis at\u00e9 modelos de tema personaliz\u00e1veis.<\/p>\n

2. React Native Elements<\/h2>\n

React Native Elements<\/a> \u00e9 um kit de ferramentas de interface altamente personaliz\u00e1vel constru\u00eddo em Javascript<\/a>. De acordo com os autores, a ideia da biblioteca \u00e9 mais sobre estrutura de componentes do que design atual. Ao utilizar essa biblioteca de React Native, voc\u00ea tem controle total sobre o design dos componentes, portanto a torna atraente tanto para novos desenvolvedores quanto para programadores experientes.<\/p>\n

\"\"<\/p>\n

3. React Native Vector Icons<\/h2>\n

React Native Vector Icons<\/a> \u00e9 uma biblioteca de React Native que possu\u00ed um conjunto de \u00edcones personaliz\u00e1veis, pr\u00e9-criados e prontos. Com suporte para NavBar\/TabBar\/ToolbarAndroid, fonte de imagem e estilos completos. Essa biblioteca \u00e9 extremante \u00fatil e utilizada por milhares de aplicativos.<\/p>\n

Leia tamb\u00e9m: “Dicas de como ter motiva\u00e7\u00e3o para programar”.<\/a><\/em><\/p>\n

4. React Native Material UI<\/h2>\n

React Native Material UI<\/a> tem um conjunto de componentes de interface altamente personaliz\u00e1veis que implementam o design do material do Google. A biblioteca de React Native usa um \u00fanico objeto de Javascript chamado “uiTheme” que \u00e9 passado no contexto para a personaliza\u00e7\u00e3o m\u00e1xima.<\/p>\n

\"\"<\/p>\n

5. Shoutem<\/h2>\n

Shoutem<\/a> \u00e9 um kit de UI que consiste em 3 partes: componentes de UI, temas e anima\u00e7\u00e3o de componentes. A biblioteca de React Native<\/a> fornece um conjunto de recursos para iOS e Android, e todos componentes s\u00e3o criados para serem compostos e personaliz\u00e1veis. Al\u00e9m disso, a biblioteca permite a cria\u00e7\u00e3o de componentes complexos sem a defini\u00e7\u00e3o manual de estilos complexos.<\/p>\n

Esperamos que tenha gostado da lista. Voc\u00ea pode conferir outras bibliotecas de React Native no artigo da Bits and Pieces<\/a>. Utilize o campo dos coment\u00e1rio para compartilhar experi\u00eancias, feedbacks e outras bibliotecas.<\/p>\n

 <\/p>\n

\"PROGRAMATHOR\"<\/a><\/p>\n

 <\/p>\n

\n

Consiga um emprego!<\/strong><\/h3>\n

Est\u00e1 buscando novas oportunidades como desenvolvedor?  Acesse a ProgramaThor<\/a>, uma startup focada no recrutamento de desenvolvedores. Para se candidatar \u00e0s vagas para programador e receber notifica\u00e7\u00f5es em casos de matching, basta de cadastrar e completar seu perfil corretamente.<\/p>\n

VAGAS PARA PROGRAMADORES<\/a><\/p>\n

 <\/p>\n

Esse artigo \u00e9 inspirado no texto da Bits and Pieces<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Com a crescente popularidade do React e a ascens\u00e3o do desenvolvimento de aplicativos para dispositivos m\u00f3veis, n\u00e3o \u00e9 surpresa que o React Native esteja crescendo cada vez mais. Em paralelo com seu crescimento, cresce tamb\u00e9m o n\u00famero de bibliotecas de React Native, as quais surgem com a finalidade de auxiliar e otimizar seu trabalho. Assim […]<\/p>\n","protected":false},"author":7,"featured_media":1069,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[68,69,70],"yoast_head":"\nBibliotecas React Native para aprender - Blog ProgramaThor<\/title>\n<meta name=\"description\" content=\"Neste artigo, a ProgramaThor trouxe algumas dicas de bibliotecas de React Native para aprender. Vem conferir e tirar todas suas d\u00favidas!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bibliotecas React Native para aprender - Blog ProgramaThor\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, a ProgramaThor trouxe algumas dicas de bibliotecas de React Native para aprender. Vem conferir e tirar todas suas d\u00favidas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog ProgramaThor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ProgramaThorBr\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-19T17:02:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-08T17:58:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/12\/REACT-NATIVE.png\" \/>\n\t<meta property=\"og:image:width\" content=\"676\" \/>\n\t<meta property=\"og:image:height\" content=\"366\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Guilherme Luis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ProgramaThor\" \/>\n<meta name=\"twitter:site\" content=\"@ProgramaThor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Guilherme Luis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bibliotecas React Native para aprender - Blog ProgramaThor","description":"Neste artigo, a ProgramaThor trouxe algumas dicas de bibliotecas de React Native para aprender. Vem conferir e tirar todas suas d\u00favidas!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/","og_locale":"pt_PT","og_type":"article","og_title":"Bibliotecas React Native para aprender - Blog ProgramaThor","og_description":"Neste artigo, a ProgramaThor trouxe algumas dicas de bibliotecas de React Native para aprender. Vem conferir e tirar todas suas d\u00favidas!","og_url":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/","og_site_name":"Blog ProgramaThor","article_publisher":"https:\/\/www.facebook.com\/ProgramaThorBr\/","article_published_time":"2018-12-19T17:02:02+00:00","article_modified_time":"2021-07-08T17:58:51+00:00","og_image":[{"width":676,"height":366,"url":"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2018\/12\/REACT-NATIVE.png","type":"image\/png"}],"author":"Guilherme Luis","twitter_card":"summary_large_image","twitter_creator":"@ProgramaThor","twitter_site":"@ProgramaThor","twitter_misc":{"Escrito por":"Guilherme Luis","Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/","url":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/","name":"Bibliotecas React Native para aprender - Blog ProgramaThor","isPartOf":{"@id":"https:\/\/programathor.com.br\/blog\/#website"},"datePublished":"2018-12-19T17:02:02+00:00","dateModified":"2021-07-08T17:58:51+00:00","author":{"@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/f81d80875539ccc14358e41a86278935"},"description":"Neste artigo, a ProgramaThor trouxe algumas dicas de bibliotecas de React Native para aprender. Vem conferir e tirar todas suas d\u00favidas!","breadcrumb":{"@id":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/programathor.com.br\/blog\/bibliotecas-de-react-native\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/programathor.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas","item":"https:\/\/programathor.com.br\/blog\/category\/dicas\/"},{"@type":"ListItem","position":3,"name":"Bibliotecas de React Native para aprender em 2019"}]},{"@type":"WebSite","@id":"https:\/\/programathor.com.br\/blog\/#website","url":"https:\/\/programathor.com.br\/blog\/","name":"Blog ProgramaThor","description":"A plataforma de recrutamento para programadores pensada por programadores. Entenda melhor o mundo da programa\u00e7\u00e3o, a cria\u00e7\u00e3o de uma vaga eficiente, dicas de entrevista, as linguagens do momento, o mercado de desenvolvimento e muito mais!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/programathor.com.br\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/f81d80875539ccc14358e41a86278935","name":"Guilherme Luis","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/e146bc14592ba7da07feb1191cadc4c3.jpg?ver=1780222031","contentUrl":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/e146bc14592ba7da07feb1191cadc4c3.jpg?ver=1780222031","caption":"Guilherme Luis"},"description":"Estudante de Administra\u00e7\u00e3o de empresas, transformo ideias em palavras. Fascinado por marketing e cria\u00e7\u00f5es.","sameAs":["https:\/\/www.programathor.com.br\/"],"url":"https:\/\/programathor.com.br\/blog\/author\/guilherme\/"}]}},"_links":{"self":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1065"}],"collection":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1065"}],"version-history":[{"count":5,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1065\/revisions"}],"predecessor-version":[{"id":2643,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/1065\/revisions\/2643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media\/1069"}],"wp:attachment":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}