{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2017/06/13/react-v15.6.0.html","result":{"data":{"markdownRemark":{"html":"

Hoje estamos lançando o React 15.6.0. Enquanto nos preparamos para o React 16.0, estamos consertando e limpando muitas coisas. Nesta versão continua a abrir o caminho.

\n

Entradas Melhoradas

\n

No React 15.6.0 o evento onChange para as entradas é um pouco mais confiável e lida com mais casos de borda, incluindo o seguinte:

\n\n

Obrigado ao Jason Quense e a todos que ajudaram nessas questões e PRs.

\n

Avisos de Deprecação Menos Barulhentos

\n

Também estamos incluindo alguns novos avisos para as próximas deprecações. Estes não devem afetar a maioria dos usuários, e para mais detalhes veja o registro de mudanças abaixo.

\n

Após o último lançamento, obtivemos uma resposta valiosa da comunidade de que os avisos de deprecação estavam causando problemas e falha nos testes. No React 15.6, nós reduzimos os avisos de deprecação para usar console.warn em vez de console.error. Nossos outros avisos também serão usados no console.error, porque eles apresentam problemas urgentes que poderiam levar a bugs. Ao contrário de nossos outros avisos, os avisos de deprecação podem ser corrigidos com o tempo e não causarão problemas no seu aplicativo se enviados. Acreditamos que a redução da urgência dos avisos de deprecação facilitará sua próxima atualização. Obrigado a todos que estiveram envolvidos na discussão dessa mudança.

\n
\n

Instalação

\n

Recomendamos usar o Yarn ou npm para gerenciar as dependências do front-end. se você é novo em gerenciadores de pacotes, a documentação do Yarn é um bom lugar para começar.

\n

Para instalar o React com Yarn, execute:

\n
yarn add react@^15.6.0 react-dom@^15.6.0
\n

Para instalar o React com npm, execute:

\n
npm install --save react@^15.6.0 react-dom@^15.6.0
\n

Recomendamos usar um bundler como o webpack ou Browserify para que você possa escrever um código modular e agrupá-lo em pequenos pacores para otimizar o tempo de carregamento.

\n

Lembre-se que por padrão, o React executa verificações extras e fornece avisos úteis no modo de densenvolvimento. Quando implementar sua aplicação certifique-se de usar a compilação de produção.

\n

Caso você não use um bundler, nós também fornecemos bundles pré-contruídos nos pacotes npm que você pode incluir como tags de script na sua página:

\n\n

Nós também publicamos a versão 15.6.0 do react e react-dom no npm, e o pacote react no bower.

\n
\n

Registro de Mudanças

\n

15.6.0 (13 de Junho, 2017)

\n

React

\n\n

React DOM

\n\n

Complementos do React

\n","excerpt":"Hoje estamos lançando o React 15.6.0. Enquanto nos preparamos para o React 16.0, estamos consertando e limpando muitas coisas. Nesta versão continua a abrir o caminho. Entradas Melhoradas No React 15.6.0 o evento para as entradas é um pouco mais confiável e lida com mais casos de borda, incluindo o seguinte: não acionando quando o botão de opções é clicado, mas não alterado (issue 1471) alterando uma entrada do tipo com as teclas de seta (issue 554) colando um texto em uma área de texto no IE…","frontmatter":{"title":"React v15.6.0","next":null,"prev":null,"author":[{"frontmatter":{"name":"Flarnie Marchan","url":"https://twitter.com/ProbablyFlarnie"}}]},"fields":{"date":"13 de junho de 2017","path":"content/blog/2017-06-13-react-v15.6.0.md","slug":"/blog/2017/06/13/react-v15.6.0.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/06/13/react-v15.6.0.html"}},"staticQueryHashes":[]}