Aktualizacja React Native 0.61 wprowadza nową, ważną funkcję, która poprawia jakość programowania.
Funkcje React Native 0.61
W React Native 0.61 łączymy najważniejsze funkcje „przeładowania na żywo” (przeładowania przy zapisie) i „przeładowania na gorąco” w jedną nową funkcję o nazwie „Szybkie odświeżanie”. Szybkie odświeżanie składa się z następujących zasad:
- Szybkie odświeżanie całkowicie obsługuje bieżący React, w tym komponenty funkcyjne i hooki.
- Szybkie odświeżanie przywraca działanie po literówkach i innych błędach, a w razie potrzeby powraca do pełnego przeładowania.
- Funkcja szybkiego odświeżania nie powoduje inwazyjnych zmian w kodzie, więc jest na tyle niezawodna, że jest domyślnie włączona.
Szybkie odświeżanie
React Native od dłuższego czasu odbywa się przeładowywanie na żywo i przeładowywanie na gorąco. Ponowne ładowanie na żywo spowodowałoby ponowne załadowanie całej aplikacji po wykryciu zmiany kodu. Spowodowałoby to utratę aktualnej pozycji w aplikacji, jednak gwarantowałoby, że kod nie jest uszkodzony. Przeładowanie na gorąco miałoby na celu „naprawienie” po prostu poczynionych postępów. Można to zrobić bez ponownego ładowania całej aplikacji, dzięki czemu możesz znacznie szybciej zobaczyć swoje postępy.
Przeładowanie na gorąco brzmiało świetnie, jednak było dość błędne i nie działało z obecnymi funkcjami React, takimi jak komponenty funkcjonalne z hakami.
Grupa React Native przerobiła obie te funkcje i połączyła je w nową funkcję Fast Reload. Jest domyślnie włączona i tam, gdzie to możliwe, zrobi coś, co można porównać do gorącego przeładowania, powracając do pełnego przeładowania, jeśli zdecydowanie nie jest.
Aktualizacja do React Native 0.61
Podobnie, w przypadku wszystkich aktualizacji React Native, sugeruje się sprawdzenie różnic w ostatnio wykonanych projektach i zastosowanie tych zmian do własnego projektu.
Zaktualizuj wersje zależności
Pierwszym krokiem jest aktualizacja warunków w pliku package.json i wprowadzenie ich. Pamiętaj, że każda wersja React Native jest dołączona do konkretnej wersji React, więc pamiętaj o jej aktualizacji. Powinieneś także upewnić się, że moduł renderujący-test-reakcja pasuje do wersji React. Jeśli go użyjesz, zaktualizuj wersje metro-react-native-babel-preset i Babel.
Aktualizacja przepływu
Na początek coś prostego. Wersja Flow, z której korzysta React Native, została odświeżona w wersji 0.61. Oznacza to, że musisz upewnić się, że zależność kontenera przepływu jest ustawiona na ^0.105.0 i że masz podobną wartość w [wersji] pliku .flowconfig.
Jeśli używasz Flow do sprawdzania typów w swoim projekcie, może to spowodować dodatkowe błędy w Twoim kodzie. Najlepszą sugestią jest sprawdzenie dziennika zmian dla wersji z zakresu 0.98 i 0.105, aby dowiedzieć się, co może być ich przyczyną.
Jeśli używasz TypeScriptu do sprawdzania typu kodu, możesz naprawdę wyeliminować plik .flowconfig i zależność bin przepływu i zignorować ten fragment różnicy.
Jeśli nie używasz modułu sprawdzania typu, sugerujemy rozważenie jego użycia. Każdy wybór będzie odpowiedni, jednak zaleca się używanie TypeScriptu.