Question 1

Jaka jest główna różnica między let a var w JavaScript?

Accepted Answer

let ma zasięg blokowy (block scope), podczas gdy var ma zasięg funkcyjny (function scope). Oznacza to, że zmienna zadeklarowana za pomocą let jest dostępna tylko w bloku, w którym została zdefiniowana (między nawiasami klamrowymi), podczas gdy var jest dostępna w całej funkcji. Ta różnica jest kluczowa, aby uniknąć błędów związanych z hoistingiem i zmiennymi wyciekającymi poza zamierzony kontekst.

Question 2

Czym jest JSX w React?

Accepted Answer

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.

Question 3

Jaki jest podstawowy komponent używany do tworzenia kontenerów w React Native?

Accepted Answer

Komponent View to podstawowy kontener w React Native, odpowiednik div w HTML. Pozwala grupować inne komponenty, stosować style i zarządzać układem przez Flexbox. W przeciwieństwie do sieci, React Native używa View zamiast div, ponieważ musi zostać przetłumaczony na komponenty natywne (UIView na iOS, android.view na Androidzie).

Question 4

Która funkcja pozwala zadeklarować zmienną stanu w komponencie funkcyjnym React?

Accepted Answer

useState to podstawowy hook do zarządzania lokalnym stanem w komponentach funkcyjnych. Zwraca tablicę zawierającą aktualną wartość stanu oraz funkcję do jej aktualizacji. W przeciwieństwie do komponentów klasowych korzystających z this.state, komponenty funkcyjne używają useState dla każdej niezależnej zmiennej stanu.

Question 5

Jaka jest natywna metoda JavaScript do wykonywania żądań HTTP w React Native?

Accepted Answer

fetch to natywne API wbudowane w JavaScript i React Native do wykonywania żądań HTTP. Zwraca Promise i umożliwia obsługę żądań GET, POST, PUT, DELETE bez zewnętrznych zależności. W przeciwieństwie do axios, fetch jest dostępny natywnie bez instalowania żadnego pakietu.

Question 6

Jaka jest główna cecha AsyncStorage w React Native?

Accepted Answer

AsyncStorage to asynchroniczny, nieszyfrowany i trwały system przechowywania typu klucz-wartość. Działa globalnie w całej aplikacji i przechowuje dane jako ciągi znaków. To najprostsze rozwiązanie do przechowywania danych wbudowane w React Native, idealne do prostych preferencji użytkownika lub danych niewrażliwych.

Question 7

Jaka jest główna różnica między inputem controlled a uncontrolled w React Native?

Accepted Answer

Input controlled jest zarządzany przez state Reacta poprzez propsy value i onChangeText, co pozwala na pełną kontrolę nad wartością w każdej chwili. Input uncontrolled używa ref do bezpośredniego dostępu do wartości bez przechodzenia przez state Reacta. Inputy controlled są zalecane, ponieważ ułatwiają walidację w czasie rzeczywistym i synchronizację ze stanem aplikacji.

Question 8

Jaka jest główna rola React.memo w optymalizacji wydajności React Native?

Accepted Answer

React.memo to Higher-Order Component, który zapamiętuje (memoizuje) wynik renderowania komponentu funkcyjnego. Zapobiega niepotrzebnym ponownym renderowaniom, porównując bieżące props z poprzednimi (domyślnie shallow comparison). Jeśli props się nie zmieniły, React ponownie wykorzystuje zapamiętany wynik zamiast renderować komponent od nowa, co znacząco poprawia wydajność w listach lub złożonych drzewach komponentów.

Question 9

Czym jest memory leak (wyciek pamięci) w aplikacji React Native?

Accepted Answer

Memory leak występuje, gdy obiekty w pamięci nie są już używane przez aplikację, ale nie mogą zostać zwolnione przez garbage collector, ponieważ wciąż istnieją referencje do tych obiektów. W React Native zdarza się to najczęściej przy niewyczyszczonych subscription, timerach wciąż aktywnych po unmount lub closure przechwytujących nieaktualne referencje. Memory leaki stopniowo pogarszają wydajność i mogą powodować crashe podczas długich sesji.

Question 10

Czym jest architektura komponentowa w aplikacji React Native?

Accepted Answer

Architektura komponentowa polega na strukturyzowaniu aplikacji w postaci wielokrotnego użytku i niezależnych elementów, z których każdy ma jedną odpowiedzialność. Takie podejście sprzyja ponownemu wykorzystaniu kodu, upraszcza testy jednostkowe i poprawia łatwość utrzymania. Każdy komponent enkapsuluje własny stan, logikę i prezentację, umożliwiając budowanie złożonych interfejsów z prostych, komponowalnych bloków.

Pytania z rozmów o React Native

Gotowy na rozmowę o React Native?

Odkryj wszystkie tematy React Native

Podstawy JavaScript

Podstawy React

Podstawy React Native

React Hooks

TypeScript dla React i React Native

Komponenty i API React Native

Stylowanie i układ w React Native

Nawigacja w React Native

Zarządzanie stanem w React Native

Networking i API w React Native

Trwałość danych

Formularze i walidacja

Animacje React Native

Native Modules & Bridge

Kod specyficzny dla platformy

Uprawnienia i interfejsy API urządzenia

Push Notifications

Testowanie React Native

Debugowanie React Native

Build & Deployment

Expo vs React Native Bare

Optymalizacja wydajności

Zarządzanie pamięcią

Architecture Patterns

New Architecture w React Native

Najlepsze praktyki bezpieczeństwa

Offline-First Architecture

CI/CD React Native

Monorepo i współdzielenie kodu

Zaawansowane tematy

Cykl życia aplikacji i wykonywanie w tle

Uwierzytelnianie i zarządzanie sesją

Monitoring & Crash Reporting

Opanuj React Native na następną rozmowę