{"id":2497,"date":"2016-10-18T09:24:44","date_gmt":"2016-10-18T11:24:44","guid":{"rendered":"https:\/\/www.kinghost.com.br\/wiki\/?post_type=article&#038;p=2497"},"modified":"2021-06-10T08:50:14","modified_gmt":"2021-06-10T11:50:14","slug":"boas-bibliotecas-javascript-para-utilizar-em-seu-projeto","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/boas-bibliotecas-javascript-para-utilizar-em-seu-projeto\/","title":{"rendered":"Boas bibliotecas Javascript para utilizar em seu projeto"},"content":{"rendered":"<p><strong>Bibliotecas JavaScript s\u00e3o ferramentas super \u00fateis para desenvolvedores web<\/strong>. Elas adicionam funcionalidades e efeitos visuais interessantes, resultando em uma melhor experi\u00eancia para os usu\u00e1rios, tudo isso com muita leveza e eleg\u00e2ncia. Al\u00e9m disso, o uso de bibliotecas concede agilidade ao desenvolvimento, ao entregar solu\u00e7\u00f5es prontas e customiz\u00e1veis aos desenvolvedores. Existem muitas bibliotecas JavaScript dispon\u00edveis na web, selecionamos aqui algumas bibliotecas que foram desenvolvidas recentemente e que valem a pena serem descobertas. Confira!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"React\"><\/span>React<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Essa biblioteca JavaScript foi criada pelos times do Facebook e Instagram para facilitar a constru\u00e7\u00e3o de interfaces de usu\u00e1rio (UI). Com essa biblioteca voc\u00ea ter\u00e1 modelos de programa\u00e7\u00e3o mais simples e com melhor desempenho. Algo a salientar \u00e9 sua possibilidade de integra\u00e7\u00e3o com servidores rodando Node.JS. React \u00e9 uma biblioteca pr\u00e1tica que vai certamente ajudar a melhorar o seu fluxo de trabalho. Temos um material bem legal que pode te ajudar a conhecer mais sobre essa ferramenta, veja: <a href=\"https:\/\/www.kinghost.com.br\/wiki\/artigo\/react-javascript\/\" target=\"_blank\" rel=\"noopener\">React Javascript<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Redux\"><\/span>Redux<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Esse recurso poderoso e pr\u00e1tico funciona como um container em estado previs\u00edvel para aplicativos JavaScript, sendo assim, ele ajuda a escrever c\u00f3digos que se comportam de forma consistente quando em produ\u00e7\u00e3o. Ele pode ser executado em diferentes ambientes e \u00e9 de f\u00e1cil implementa\u00e7\u00e3o de testes.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"LODASHJS\"><\/span>LODASH.JS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Lodash torna o JavaScript mais f\u00e1cil ao assumir o inc\u00f4modo de trabalhar com matrizes, n\u00fameros, objetcs, strings, etc.<br \/>\nO Lodash \u00e9 \u00f3timos para: itera\u00e7\u00e3o de arrays, objects e strings; manipula\u00e7\u00e3o e teste de valores; cria\u00e7\u00e3o de fun\u00e7\u00f5es compostas.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Purify_CSS\"><\/span>Purify CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Purify \u00e9 um utilit\u00e1rio simples que limpa o seu CSS. Ele tem a capacidade de detectar o CSS carregado dinamicamente no JavaScript.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Spacebase\"><\/span>Spacebase<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>SpaceBase \u00e9 um framework que combina as melhores pr\u00e1ticas responsivas em um projeto boilerplate pronto. Ele vem com muitos recursos legais como um grid amig\u00e1vel aos dispositivos m\u00f3veis, componentes comuns de UI, como bot\u00f5es e listas e muito mais.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Marionettejs\"><\/span>Marionette.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Essa \u00e9 uma biblioteca ideal para os desenvolvedores Backbone. Ela simplifica o c\u00f3digo de aplicativos obtendo como resultado views robustas e solu\u00e7\u00f5es de arquitetura. Esta biblioteca ajuda a compor layouts ricos com componentes leves, com intera\u00e7\u00f5es complexas de UI e muito mais.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Easeljs\"><\/span>Easeljs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Easel.js \u00e9 uma biblioteca JavaScript que torna o trabalho com o elemento canvas do HTML5 super f\u00e1cil. \u00c9 \u00fatil para a cria\u00e7\u00e3o de experi\u00eancias gr\u00e1ficas impressionantes e para adicionar elementos l\u00fadicos no seu site (com esta biblioteca, voc\u00ea pode, literalmente, criar jogos).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Stickerjs\"><\/span>Sticker.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Se voc\u00ea quer adicionar algum detalhe que d\u00ea mais personalidade ao seu site, talvez essa seja uma boa biblioteca para checar. Essa biblioteca JavaScript permite que voc\u00ea crie um efeito adesivo sobre um elemento do seu site. Com essa microintera\u00e7\u00e3o, os usu\u00e1rios podem \u201cdescascar\u201d uma imagem para fora da p\u00e1gina apenas passando o mouse sobre ela.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Vivus\"><\/span>Vivus<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vivus ajuda a trazer seus SVGs \u00e0 vida, dando a eles a apar\u00eancia de serem desenhados. \u00c9 uma classe aut\u00f4noma e sem depend\u00eancias que suporta v\u00e1rios tipos de anima\u00e7\u00e3o e op\u00e7\u00f5es de timing, assim como a op\u00e7\u00e3o de criar o script de suas pr\u00f3prias anima\u00e7\u00f5es com JavaScript.<\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[181],"article-tag":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2497"}],"collection":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/comments?post=2497"}],"version-history":[{"count":1,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2497\/revisions"}],"predecessor-version":[{"id":7409,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/2497\/revisions\/7409"}],"wp:attachment":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/media?parent=2497"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-category?post=2497"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-tag?post=2497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}