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