{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2017/09/25/react-v15.6.2.html","result":{"data":{"markdownRemark":{"html":"<p>Hoje estamos anunciando o React 15.6.2. Na versão 15.6.1, enviamos algumas correções em eventos de alterações e entradas que causaram algumas consequências não intencionais. Essas consequências foram resolvidas, também incluímos mais algumas correções para melhorar a estabilidade do React em todos os navegadores.</p>\n<p>Além disso, o 15.6.2 adiciona suporte para o atributo <a href=\"https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><code class=\"gatsby-code-text\">controlList</code></a>, e as colunas de CSS não são mais concatenadas com um sufixo <code class=\"gatsby-code-text\">px</code>.</p>\n<h2 id=\"installation\"><a href=\"#installation\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Instalação </h2>\n<p>Recomendamos utilizar o <a href=\"https://yarnpkg.com/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Yarn</a> ou o <a href=\"https://www.npmjs.com/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">npm</a> para gerenciamento de dependências front-end. Se você é iniciante com gerenciadores de pacotes, a <a href=\"https://yarnpkg.com/en/docs/getting-started\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Documentação do Yarn</a> é um bom lugar para começar.</p>\n<p>Para instalar o React com o Yarn, execute:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"gatsby-code-bash\"><code class=\"gatsby-code-bash\"><span class=\"token function\">yarn</span> <span class=\"token function\">add</span> react@^15.6.2 react-dom@^15.6.2</code></pre></div>\n<p>Para instalar o React com o npm, execute:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre class=\"gatsby-code-bash\"><code class=\"gatsby-code-bash\"><span class=\"token function\">npm</span> <span class=\"token function\">install</span> --save react@^15.6.2 react-dom@^15.6.2</code></pre></div>\n<p>Recomendamos utilizar um bundler como <a href=\"https://webpack.js.org/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">webpack</a> ou <a href=\"http://browserify.org/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Browserify</a> para que você possa escrever código modular e agrupa-lo em pequenos pacotes para otimizar o tempo de carregamento.</p>\n<p>Lembre que por padrão, o React executa verificações extras e fornece avisos úteis no modo de desenvolvimento. Quando estiver fazendo o deploy do seu app, tenha certeza que você está <a href=\"/docs/optimizing-performance.html#use-the-production-build\">utilizando o modo de produção</a>.</p>\n<p>Caso você não esteja utilizando um bundler, nós também fornecemos bundles pré-construídos nos pacotes do npm para que você possa <a href=\"/docs/installation.html#using-a-cdn\">incluir como tags de sript</a> na sua página:</p>\n<ul>\n<li><strong>React</strong><br/>\nBuild de desenvolvimento com avisos: <a href=\"https://unpkg.com/react@15.6.2/dist/react.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react/dist/react.js</a><br/>\nBuild reduzida para produção: <a href=\"https://unpkg.com/react@15.6.2/dist/react.min.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react/dist/react.min.js</a><br/></li>\n<li><strong>React com Add-Ons</strong><br/>\nBuild de desenvolvimento com avisos: <a href=\"https://unpkg.com/react@15.6.2/dist/react-with-addons.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react/dist/react-with-addons.js</a><br/>\nBuild reduzida para produção: <a href=\"https://unpkg.com/react@15.6.2/dist/react-with-addons.min.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react/dist/react-with-addons.min.js</a><br/></li>\n<li><strong>React DOM</strong> (Inclua o React na página antes de incluir o React DOM)<br/>\nBuild de desenvolvimento com avisos: <a href=\"https://unpkg.com/react-dom@15.6.2/dist/react-dom.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-dom/dist/react-dom.js</a><br/>\nBuild reduzida para produção: <a href=\"https://unpkg.com/react-dom@15.6.2/dist/react-dom.min.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-dom/dist/react-dom.min.js</a><br/></li>\n<li><strong>React DOM Server</strong> (Inclua o React na página antes de incluir o React DOM Server)<br/>\nBuild de desenvolvimento com avisos: <a href=\"https://unpkg.com/react-dom@15.6.2/dist/react-dom-server.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-dom/dist/react-dom-server.js</a><br/>\nBuild reduzida para produção: <a href=\"https://unpkg.com/react-dom@15.6.2/dist/react-dom-server.min.js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-dom/dist/react-dom-server.min.js</a><br/></li>\n</ul>\n<p>Nós também publicamos a versão <code class=\"gatsby-code-text\">15.6.2</code> do <code class=\"gatsby-code-text\">react</code> e do <code class=\"gatsby-code-text\">react-dom</code> no npm, e o pacote <code class=\"gatsby-code-text\">react</code> no bower.</p>\n<hr>\n<h2 id=\"changelog\"><a href=\"#changelog\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Changelog </h2>\n<h2 id=\"1562-september-25-2017\"><a href=\"#1562-september-25-2017\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>15.6.2 (25 de setembro, 2017) </h2>\n<h3 id=\"all-packages\"><a href=\"#all-packages\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Todos os pacotes </h3>\n<ul>\n<li>Trocado a licença BSD + suas patentes para a licença MIT .</li>\n</ul>\n<h3 id=\"react-dom\"><a href=\"#react-dom\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>React DOM </h3>\n<ul>\n<li>Corrigido um bug onde modificando o <code class=\"gatsby-code-text\">document.documentMode</code> acionaria a detectação do IE em outros navegadores, quebrando assim eventos de alteração. (<a href=\"https://github.com/aweary\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@aweary</a> em <a href=\"https://github.com/facebook/react/pull/10032\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#10032</a>)</li>\n<li>Colunas CSS são tratadas como números sem unidade. (<a href=\"https://github.com/aweary\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@aweary</a> em <a href=\"https://github.com/facebook/react/pull/10115\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#10115</a>)</li>\n<li>Corrigido um bug no QtWebKit ao incorporar eventos sintéticos em proxies.  (<a href=\"https://github.com/walrusfruitcake\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@walrusfruitcake</a> em <a href=\"https://github.com/facebook/react/pull/10011\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#10115</a>)</li>\n<li>Evitar que tratadores de eventos recebam argumentos extras no desenvolvimento. (<a href=\"https://github.com/aweary\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@aweary</a> em <a href=\"https://github.com/facebook/react/pull/8363\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#10115</a>)</li>\n<li>Corrigido casos em que o <code class=\"gatsby-code-text\">onChange</code> não é acionado com o <code class=\"gatsby-code-text\">defaultChecked</code> em inputs do tipo radio. (<a href=\"https://github.com/jquense\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@jquense</a> em <a href=\"https://github.com/facebook/react/pull/10156\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#10156</a>)</li>\n<li>Adicionado suporte para o atributo <code class=\"gatsby-code-text\">controlList</code> na lista de permissões da propriedade DOM. (<a href=\"https://github.com/nhunzaker\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@nhunzaker</a> em <a href=\"https://github.com/facebook/react/pull/9940\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#9940</a></li>\n<li>Corrigido um bug em que criando um elemento com uma referência em um construtor, não gerava um erro no desenvolvimento. (<a href=\"https://github.com/iansu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">@iansu</a> em <a href=\"https://github.com/facebook/react/pull/10025\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">#10025</a>)</li>\n</ul>","excerpt":"Hoje estamos anunciando o React 15.6.2. Na versão 15.6.1, enviamos algumas correções em eventos de alterações e entradas que causaram algumas consequências não intencionais. Essas consequências foram resolvidas, também incluímos mais algumas correções para melhorar a estabilidade do React em todos os navegadores. Além disso, o 15.6.2 adiciona suporte para o atributo , e as colunas de CSS não são mais concatenadas com um sufixo . Instalação  Recomendamos utilizar o Yarn ou o npm para…","frontmatter":{"title":"React v15.6.2","next":null,"prev":null,"author":[{"frontmatter":{"name":"Nathan Hunzaker","url":"https://github.com/nhunzaker"}}]},"fields":{"date":"25 de setembro de 2017","path":"content/blog/2017-09-25-react-v15.6.2.md","slug":"/blog/2017/09/25/react-v15.6.2.html"}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"React v17.0"},"fields":{"slug":"/blog/2020/10/20/react-v17.html"}}},{"node":{"frontmatter":{"title":"Apresentando o novo JSX Transform"},"fields":{"slug":"/blog/2020/09/22/introducing-the-new-jsx-transform.html"}}},{"node":{"frontmatter":{"title":"React v17.0 Candidato à lançamento: Sem novas funcionalidades"},"fields":{"slug":"/blog/2020/08/10/react-v17-rc.html"}}},{"node":{"frontmatter":{"title":"React v16.13.0"},"fields":{"slug":"/blog/2020/02/26/react-v16.13.0.html"}}},{"node":{"frontmatter":{"title":"Construindo Ótimas Experiências de Usuário com Modo Concorrente e Suspense"},"fields":{"slug":"/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html"}}},{"node":{"frontmatter":{"title":"Preparando para o Futuro com as Prereleases React"},"fields":{"slug":"/blog/2019/10/22/react-release-channels.html"}}},{"node":{"frontmatter":{"title":"Apresentando o novo React DevTools"},"fields":{"slug":"/blog/2019/08/15/new-react-devtools.html"}}},{"node":{"frontmatter":{"title":"React v16.9.0 e a atualização do Roadmap"},"fields":{"slug":"/blog/2019/08/08/react-v16.9.0.html"}}},{"node":{"frontmatter":{"title":"O React já esta traduzido? ¡Sí! Sim! はい！"},"fields":{"slug":"/blog/2019/02/23/is-react-translated-yet.html"}}},{"node":{"frontmatter":{"title":"React v16.8: O React com Hooks"},"fields":{"slug":"/blog/2019/02/06/react-v16.8.0.html"}}}]}},"pageContext":{"slug":"/blog/2017/09/25/react-v15.6.2.html"}},"staticQueryHashes":[]}