React v15.6.0

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 onChange 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 range com as teclas de seta (issue 554)
• colando um texto em uma área de texto no IE11 (issue 7211)
• preenchimento automático no IE11 (issue 6614)
• limpando as entradas com o botão ‘x’ ou clicar com o botão direito em ‘excluir’ no IE11 (issue 6822)
• não acionando quando os caracteres estão presentes na entrada renderizada no IE11 (issue 2185)

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

Avisos de Deprecação Menos Barulhentos

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.

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.

Instalação

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.

Para instalar o React com Yarn, execute:

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

Para instalar o React com npm, execute:

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

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.

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.

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:

• React
  Modo Dev com avisos: react/dist/react.js
  Maneira reduzida para produção: react/dist/react.min.js
  
• React com Add-Ons
  Modo Dev com avisos: react/dist/react-with-addons.js
  Maneira reduzida para produção: react/dist/react-with-addons.min.js
  
• React DOM (incluir o React na página antes do React DOM)
  Modo Dev com avisos: react-dom/dist/react-dom.js
  Maneira reduzida para produção: react-dom/dist/react-dom.min.js
  
• Servidor React DOM (incluir o React na página antes do Servidor React DOM)
  Modo Dev com avisos: react-dom/dist/react-dom-server.js
  Maneira reduzida para produção: react-dom/dist/react-dom-server.min.js
  

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

Registro de Mudanças

15.6.0 (13 de Junho, 2017)

React

• Reduz os avisos de deprecação para usar console.warn em vez de console.error. (@flarnie em #9753)
• Adiciona um aviso de deprecação para React.createClass. Aponta os usuário em vez disso para create-react-class. (@flarnie em #9771)
• Adiciona avisos de deprecação e módulo separado para auxiliares de fabricação do React.DOM. (@nhunzaker em #8356)
• Aviso para deprecação do auxiliar React.createMixin, que nunca foi usado. (@aweary em #8853)

React DOM

• Adiciona suporte para variáveis CSS no atributo style. (@aweary em #9302)
• Adiciona suporte para propriedade CSS de estilo de grade. (@ericsakmar em #9185)
• Correção do erro onde as entradas alteraram o valor na conversão de tipo. (@nhunzaker em #9806)
• Correção de problemas com o onChange não disparando corretamente para algumas entradas. (@jquense em #8575)
• Correção do erro onde entrada de número controlado erroneamente permitia período. (@nhunzaker em #9584)
• Correção do erro em que as entradas de desempenho estavam sendo limpas. (@chrisui em #9451)

Complementos do React

• Correção do suporte AMD para complementos dependendo do react. (@flarnie em #9919)
• Correção do isMounted() para retornar true em componentWillUnmount. (@mridgway em #9638)
• Correção do react-addons-update para não depender em Object.assign nativo. (@gaearon em #9937)
• Remove a anotação quebrada do Google Closure Compiler de create-react-class. (@gaearon em #9933)
• Remove dependencias desnecessárias de react-linked-input. (@gaearon em #9766)
• Aponta react-addons-(css-)transition-group para o novo pacote. (@gaearon em #9937)