# Podstawy React (React Native)

> JSX, komponenty, props, state, zdarzenia, renderowanie warunkowe, listy i keys

- 20 pytań z rozmów
- Junior
- [Pytania z rozmów: React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne.md)

## 1. Czym jest JSX w React?

**Odpowiedź**

JSX to rozszerzenie składni JavaScriptu, które pozwala pisać kod przypominający HTML bezpośrednio w JavaScripcie. Jest transpilowany na wywołania funkcji React.createElement() przez narzędzia takie jak Babel. JSX sprawia, że kod jest bardziej czytelny i ułatwia tworzenie interfejsu użytkownika, łącząc logikę i renderowanie w tym samym pliku.

## 2. Jak umieścić wyrażenie JavaScript w JSX?

**Odpowiedź**

Wyrażenia JavaScript umieszcza się w JSX, otaczając je pojedynczymi nawiasami klamrowymi. Na przykład, aby wyświetlić zmienną name, piszemy {name}. Ta składnia pozwala wstrzykiwać wartości dynamiczne, wywoływać funkcje lub obliczać wyrażenia bezpośrednio podczas renderowania komponentu.

## 3. Jaka jest główna różnica między komponentem funkcyjnym a komponentem klasowym w React?

**Odpowiedź**

Komponent funkcyjny to zwykła funkcja JavaScript zwracająca JSX, podczas gdy komponent klasowy rozszerza React.Component i korzysta z metody render(). Od czasu wprowadzenia Hooks w React 16.8 komponenty funkcyjne mogą obsługiwać state i efekty uboczne, przez co komponenty klasowe są mniej potrzebne w nowoczesnych projektach.

## Jeszcze 17 dostępnych pytań

- Czym jest prop w React?
- Czym jest state w React i czym różni się od props?

Zarejestruj się za darmo: https://sharpskill.dev/pl/login

## Inne tematy rekrutacyjne React Native

- [Podstawy JavaScript](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/javascript-essentials.md): 25 pytań, Junior
- [Podstawy React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/react-native-basics.md): 22 pytań, Junior
- [React Hooks](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/react-hooks.md): 20 pytań, Junior
- [TypeScript dla React i React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/typescript-for-react-native.md): 22 pytań, Junior
- [Komponenty i API React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-components-api.md): 20 pytań, Junior
- [Stylowanie i układ w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-styling-layout.md): 18 pytań, Junior
- [Nawigacja w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-navigation.md): 22 pytań, Mid-Level
- [Zarządzanie stanem w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-state-management.md): 24 pytań, Mid-Level
- [Networking i API w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-networking-api.md): 20 pytań, Mid-Level
- [Trwałość danych](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-data-persistence.md): 20 pytań, Mid-Level
- [Formularze i walidacja](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-forms-validation.md): 18 pytań, Mid-Level
- [Animacje React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-animations.md): 22 pytań, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-native-modules.md): 20 pytań, Mid-Level
- [Kod specyficzny dla platformy](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-platform-specific-code.md): 18 pytań, Mid-Level
- [Uprawnienia i interfejsy API urządzenia](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-permissions-apis.md): 20 pytań, Mid-Level
- [Push Notifications](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-push-notifications.md): 18 pytań, Mid-Level
- [Testowanie React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-testing.md): 20 pytań, Mid-Level
- [Debugowanie React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-debugging.md): 18 pytań, Mid-Level
- [Build & Deployment](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-build-deployment.md): 20 pytań, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/expo-vs-bare-rn.md): 18 pytań, Mid-Level
- [Optymalizacja wydajności](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-performance-optimization.md): 24 pytań, Senior
- [Zarządzanie pamięcią](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-memory-management.md): 20 pytań, Senior
- [Architecture Patterns](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-architecture-patterns.md): 22 pytań, Senior
- [New Architecture w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-new-architecture.md): 24 pytań, Senior
- [Najlepsze praktyki bezpieczeństwa](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-security-best-practices.md): 20 pytań, Senior
- [Offline-First Architecture](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-offline-first.md): 20 pytań, Senior
- [CI/CD React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-ci-cd.md): 20 pytań, Senior
- [Monorepo i współdzielenie kodu](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-monorepo-architecture.md): 18 pytań, Senior
- [Zaawansowane tematy](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-advanced-topics.md): 22 pytań, Senior
- [Cykl życia aplikacji i wykonywanie w tle](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-app-lifecycle-background.md): 20 pytań, Mid-Level
- [Uwierzytelnianie i zarządzanie sesją](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-auth-session-management.md): 22 pytań, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-monitoring-crash-reporting.md): 20 pytań, Senior

---

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