Novidades do React Native 0.75

Olá, desenvolvedores React Native!

Neste post, vamos explorar as principais novidades da versão 0.75 do React Native, que traz diversas melhorias significativas para a experiência de desenvolvimento e a performance dos aplicativos. Prepare-se para se encantar com as novas funcionalidades e recursos que tornam o desenvolvimento de apps mobile ainda mais eficiente e prazeroso!

Embora o React 19 não traga grandes novidades específicas para o React Native 0.75 em termos de funcionalidades, ele garante que você esteja aproveitando o melhor em termos de performance, estabilidade e preparação para o futuro. Isso significa:

• Aplicações mais responsivas: Desfrute de interfaces fluidas e sem travamentos, mesmo em dispositivos com recursos limitados.
• Melhorias no gerenciamento de memória: Otimização do uso da memória para um desempenho geral mais eficiente.
• Base sólida para o futuro: Fique preparado para as próximas inovações do React com a versão 19 já integrada, abrindo caminho para o uso do React Compiler no futuro.

Para mais detalhes, veja o Pull Request #44990

Os comandos abaixo foram movidos da CLI da comunidade para o Core do React Native. Essa mudança visa simplificar a manutenção da CLI e oferecer uma experiência de desenvolvimento mais coesa.

react-native clean
react-native build-android --mode=release
react-native build-ios --mode=release

Ao utilizar o comando react-native init, uma mensagem de aviso sobre sua depreciação será exibida. Para continuar utilizando a funcionalidade do comando init após o dia 29 de setembro de 2024, utilize a CLI da comunidade:

npx @react-native-community/cli init

Para mais detalhes, veja os PR’s a seguir: #43289 #43288 #43287 commit 47a3f52007

Agora o template padrão de um novo projeto iniciado com

npx @react-native-community/cli init

está disponível separadamente do Core do React Native (react-native-community/template).

Este repositório contém o template usado pela Comunidade (CLI) para iniciar um novo projeto React Native.

Crie layouts ainda mais flexíveis e responsivos com o suporte a porcentagens na propriedade gap do Yoga. Essa funcionalidade facilita o espaçamento entre elementos de forma dinâmica, adaptando-se perfeitamente a diferentes tamanhos de tela.

  export function MyScreen() {
    return (
      <View style={stylesheet.container}>
        <View>
          <Text> Box 1 </Text>
        </View>
        <View>
          <Text> Box 2 </Text>
        </View>
      </View>
    )
  }
 
  const stylesheet = StyleSheet.create({
    container: {
      flex: 1,
      gap: '10%'
    },
  })