Novidades React v3.3.0

O React já disponibilizou a versão v3.3.0, que é uma versão que inclui recursos como modelos customizados e suporte para alguns novos operadores opcionais de encadeamento e coalescência nula.

Modelos personalizados:

Agora, você pode criar um aplicativo novo utilizando modelos personalizados. Alguns modelos existentes como cra-template e cra-template-typescript. Utilize esse comando para criar um novo aplicativo tendo como base um modelo personalizado:

npx create-react-app my-app --template typescript

Você pode omitir o prefixo cra-template ao especificar o modelo desejado.

Operadores de encadeamento e coalescência nula:

// encadeamento opcional
a?.(); // undefined se a `a` é null/undefined
b?.c; // undefined se a `b` é null/undefined

// coalescência nula
undefined ?? 'algum outro padrão'; // resulta em: 'algum outro padrão'
null ?? 'algum outro padrão'; // resulta em: 'algum outro padrão'
'' ?? 'algum outro padrão'; // resulta em: ''
0 ?? 300; // resulta em: 0
false ?? true; // resulta em: false
Importante:

Para utilizar os novos operadores, atualize o seu TypeScript para a versão 3.7.0. Caso utilize o VS Code 1.4 ou anterior, configure o editor para que ele entenda os novos operadores.

Separadores Numéricos:

Também foram adicionados suporte para separadores numéricos, melhorando assim a legibilidade:

1000000000 ; // Isso é um bilhão? cem milhões? Dez milhões? 
101475938.38 ; // que escala é essa? que poder de 10? 

1_000_000_000 ; // Ah, então um bilhão 
101_475_938 . 38 ; // E isso é centenas de milhões

Novos recursos:

  • babel-preset-react-app: Adiciona encadeamento opcional e suporte a operadores de coalescência nulos;
  • babel-preset-react-app, react-dev-utils: Adiciona suporte para separadores numéricos;
  • cra-template-typescript, cra-template, create-react-app, react-scripts: Adiciona suporte à modelos.

Migrando:

Você pode migrar entre as versões 3.2.0 para 3.3.0 dentro de qualquer projeto criado que não tenha sido ejetado, executando o comando no npm:

npm install --save --save-exact react-scripts@3.3.0

E se você estiver usando o yarn:

yarn add --exact react-scripts@3.3.0

Você pode verificar essas e outras atualizações, mudanças, correções de bugs, documentação e aprimoramentos diretamente no link do github, disponível em inglês em: https://github.com/facebook/create-react-app/releases

Você pode fazer o download, ver tutoriais e ler a documentação do React em: https://pt-br.reactjs.org/

Gostou desta notícia? Comente abaixo

Deixe um comentário