Manipulowanie obiektami w Reduxie może początkowo wydawać się nieco przytłaczające, ale z czasem staje się bardzo jasne i łatwe do zrozumienia. Wystarczy zapamiętać kilka rzeczy i nie można zapomnieć o kluczowej zasadzie – nie mutuj bezpośrednio stanu. Celem tego artykułu jest pokazanie, jak manipulować zagnieżdżonymi obiektami i tablicami w Reduxie, więc nie będę skupiać się na takich rzeczach, jak konfigurowanie projektu React i konfigurowanie Reduxa. Nie będę się też skupiał na akcjach reduxowych. Na potrzeby tego artykułu stworzyłem prosty projekt na Github – stronę z postami, komentarzami i polubieniami. […]

Nazywam się Michał Dziedziniewicz i od marca tego roku wspomagam Expansio w kwestiach UX Designu przy projekcie chatbota do nauki programowania: CodeAll (więcej o początkach projektu przeczytacie tutaj). A co to znaczy? Otóż właśnie taki miałem zamiar, żeby w paru słowach opowiedzieć o co chodzi z tym całym projektowaniem UX. […]

Wprowadzenie W tym artykule skupię się na temacie dość często pomijanym przez programistów React Native, a mianowicie - wydajności. React Native jest dość wydajny i jego domyślne możliwości są wystarczające w większości scenariuszy, ale jeśli zamierzasz na przykład stworzyć w nim grę, prawdopodobnie powinieneś sięgnąć głębiej i zrobić wszystko, aby Twój produkt działał płynnie. Architektura React Native Przede wszystkim powinieneś znać podstawy działania RN. Posiada on trzy podstawowe wątki: UI - główny wątek aplikacji RN. Jest odpowiedzialny za renderowanie widoków natywnych, odpowiednich dla platformy, dla której budujesz. JS - tutaj działa cała Twoja logika biznesowa Shadow - wątek odpowiedzialny za [...]

O stylach w React Native Style w aplikacji React Native mogą bardzo szybko zmienić się w bałagan, jeśli od początku nie poświęcisz im choć trochę uwagi. Przede wszystkim style inline nie są dobrym rozwiązaniem. JSX już trochę miesza warstwy prezentacji i logiki, więc nie ma potrzeby dorzucania dodatkowo wielu obiektów ze stylami i dezorientowania siebie w przyszłości lub kogokolwiek, kto może potrzebować czytać i edytować Twój kod. Popularnym podejściem jest użycie wbudowanego arkusza stylów (StyleSheet) React Native i zadeklarowanie ich poza komponentem. Możesz także znaleźć inne dobre metody, takie jak styled-components, ale nie będziemy tutaj [...]