# Fundamentos do React (React Native)

> JSX, componentes, props, state, eventos, renderização condicional, listas e keys

- 20 perguntas de entrevista
- Junior
- [Perguntas de entrevista: React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista.md)

## 1. O que é JSX no React?

**Resposta**

JSX é uma extensão sintática do JavaScript que permite escrever código semelhante a HTML diretamente dentro do JavaScript. Ele é transpilado em chamadas da função React.createElement() por ferramentas como o Babel. O JSX torna o código mais legível e facilita a criação de interfaces de usuário ao combinar lógica e renderização no mesmo arquivo.

## 2. Como incluir uma expressão JavaScript no JSX?

**Resposta**

As expressões JavaScript são incluídas no JSX envolvendo-as em chaves simples. Por exemplo, para exibir uma variável name, escreve-se {name}. Essa sintaxe permite injetar valores dinâmicos, chamar funções ou avaliar expressões diretamente na renderização do componente.

## 3. Qual é a principal diferença entre um componente funcional e um componente de classe no React?

**Resposta**

Um componente funcional é uma simples função JavaScript que retorna JSX, enquanto um componente de classe estende React.Component e usa um método render(). Desde a introdução dos Hooks no React 16.8, os componentes funcionais conseguem lidar com state e efeitos colaterais, tornando os componentes de classe menos necessários em projetos modernos.

## Mais 17 perguntas disponiveis

- O que é uma prop no React?
- O que é o state no React e como ele se diferencia das props?

Cadastre-se gratis: https://sharpskill.dev/pt/login

## Outros temas de entrevista React Native

- [Fundamentos de JavaScript](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/javascript-essentials.md): 25 perguntas, Junior
- [Fundamentos do React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/react-native-basics.md): 22 perguntas, Junior
- [React Hooks](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/react-hooks.md): 20 perguntas, Junior
- [TypeScript para React e React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/typescript-for-react-native.md): 22 perguntas, Junior
- [Componentes e API do React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-components-api.md): 20 perguntas, Junior
- [Estilização e Layout no React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-styling-layout.md): 18 perguntas, Junior
- [Navegação no React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-navigation.md): 22 perguntas, Mid-Level
- [Gerenciamento de Estado no React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-state-management.md): 24 perguntas, Mid-Level
- [Networking e API no React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-networking-api.md): 20 perguntas, Mid-Level
- [Persistência de dados](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-data-persistence.md): 20 perguntas, Mid-Level
- [Formulários e validação](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-forms-validation.md): 18 perguntas, Mid-Level
- [Animações do React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-animations.md): 22 perguntas, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-native-modules.md): 20 perguntas, Mid-Level
- [Código específico de plataforma](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-platform-specific-code.md): 18 perguntas, Mid-Level
- [Permissões e APIs de dispositivo](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-permissions-apis.md): 20 perguntas, Mid-Level
- [Push Notifications](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-push-notifications.md): 18 perguntas, Mid-Level
- [Testing no React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-testing.md): 20 perguntas, Mid-Level
- [Debugging de React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-debugging.md): 18 perguntas, Mid-Level
- [Build & Deployment](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-build-deployment.md): 20 perguntas, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/expo-vs-bare-rn.md): 18 perguntas, Mid-Level
- [Otimização de desempenho](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-performance-optimization.md): 24 perguntas, Senior
- [Gerenciamento de memória](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-memory-management.md): 20 perguntas, Senior
- [Architecture Patterns](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-architecture-patterns.md): 22 perguntas, Senior
- [New Architecture do React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-new-architecture.md): 24 perguntas, Senior
- [Melhores Práticas de Segurança](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-security-best-practices.md): 20 perguntas, Senior
- [Offline-First Architecture](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-offline-first.md): 20 perguntas, Senior
- [CI/CD React Native](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-ci-cd.md): 20 perguntas, Senior
- [Monorepo e compartilhamento de código](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-monorepo-architecture.md): 18 perguntas, Senior
- [Tópicos avançados](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-advanced-topics.md): 22 perguntas, Senior
- [Ciclo de vida do app e execução em segundo plano](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-app-lifecycle-background.md): 20 perguntas, Mid-Level
- [Autenticação e gerenciamento de sessões](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-auth-session-management.md): 22 perguntas, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/rn-monitoring-crash-reporting.md): 20 perguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/pt/technologies/react-native/perguntas-entrevista/react-fundamentals