Index

As this ebook edition doesn't have fixed pagination, the page numbers below are hyperlinked for reference only, based on the printed edition of this book.

A

actions 82, 83

actor model 121

AngularJS 4

Apache Cordova 8

Async Storage 171

atomic type 142

atoms 171

reading 147-149

writing 147-149

Avoid Hasty Abstractions (AHA) 63

Axios 171

B

bridge 8

brownfield app 10

C

Coinbase 11

components

creating 54-63

styling 54-63

component state 16

context 65

cross-platform apps 8

cross-platform software development 7, 8

D

Dart 8

data

fetching, for Funbook app 63-73

fetching, with Jotai 146, 147

fetching, with React Query 160, 161

debugging 97, 98

destructing assignment 161

developer experience (DX) 102

Don’t Repeat Yourself (DRY) 63

Drawer navigation 26

E

Expo 24, 169

URL 9

Expo Snack 21

reference link 15

Extensible Markup Language (XML) 122

F

FavoritedImages surface

XState, using 127, 128

Figma

reference link 36

finite state machines 120

FlatList 114

Flutter 8

flux type 142

Funbook app

data, fetching 63-73

data flows, planning 40-42

debugging 42- 51

Jotai, configuring 143, 144

MobX, configuring 104

previewing 42-51

required components 36-40

required surfaces 36-40

XState, configuring 124-127

functional components 20

G

greenfield 10

H

hooks

usage 20, 21

hybrid apps 8

I

image

liking 138-140

managing, in image modal 136-138

image data

fetching 132-163

ImageDetailsModal

Like button, implementing 150-154

imageListAtom

read-write functionality, adding 149, 150

integrated development environment (IDE) 24

Ionic 8

J

JavaScript 4, 16, 105, 169

Jotai 143, 170

configuring, in Funbook app 143, 144

used, for fetching data 146, 147

using, for ListOfFavoritedImages 144-146

JSX 5, 16

L

Like button

implementing, in ImageDetailsModal 150-154

ListOfFavoritedImages

Jotai, using 144-146

local environment setup instructions, React Native

reference link 10

Lottie

reference link 11

M

Meta 10

minimum viable product (MVP) 127

MobX 101, 170

concepts 102-104

configuring, in Funbook app 104

philosophy 104

MobX, for FavoritedImages

actions, adding 113, 114

data, deriving from state 114, 115

data, fetching 110-113

store, creating 107-110

using 105-107

MobX-State-Tree (MST) 102, 110

N

native app wrapper 8

P

Poppins 49

prop drilling 5, 78

properties (props) 6, 16

proxy-based 170

proxy type 142

Q

query key 162

R

React 78, 169

mindset 5-7, 169

React application

environment setup 24, 25

root 26, 27

setting up 24

structure 26

surfaces, setting up 27-30

React Context 65

ReactJS 5, 17, 78, 101, 169

components 6

history 4

ReactJS docs

reference link 9

React library 19

React Native 8, 101, 104, 169

components, importing 56

examples, reviewing of popular apps 10, 11

history 8-10

React Native application 14

React Native Debugger 98

React Native directory

reference link 9

React Native Testing Library 9

React Navigation 9, 26, 47, 60

reference link 86

React Navigation documentation

reference link 30

React Query 158, 171

configuring 159

functionalities 164, 165

installing 159

using, to fetch data 160, 161

utilities, for React Native 166

React Testing Library 9

read-write functionality

adding, to imageListAtom 149, 150

Reanimated 9

Recoil 142, 170

reducers 83

Redux 5, 101, 103, 142, 170

actions, dispatching 82, 83

configuring 80-82

context, replacing 95, 96

data, fetching 92-95

functionalities, adding to app 83

global states, combining 88-91

history 78, 79

installing 80-82

user login state 84-86

using, for liked images 87

Redux Toolkit 80, 83, 88, 170

actions, creating 91

RTK Query 91

S

Selector 137

Shopify

reference link 10

source of truth (SOT) 28

Stack navigation 26

stack navigator 27

state 6, 14-18

statecharts 121

State Chart XML (SCXML) 122

stateful components 19, 20

stateless components 19, 20

state management 169

state management libraries 142

atomic type 142

flux type 142

proxy type 142

store 83

Styled Components 63

T

Tab navigation 26

TanStack 158

reference link 166

TanStack Query 171

thunk 92

TypeScript (TS) 103, 105

U

useEffect hook 21-23

user interface (UI) library 5

useState hook 16

V

Valtio 143, 170

values 114

views 115

W

Wix

reference link 11

World Wide Web Consortium (W3C) 122

Write Everything Twice (WET) 63

X

Xamarin 8

XState 121-124

components, configuring 128-130

configuring, in Funbook app 124-127

context, configuring 128-130

image data, fetching 132-135

image, liking 138-140

image, managing in image modal 136-138

reference link 122

using, for FavoritedImages surface 127, 128

XState visualizer 170

reference link 123

Y

Yarn 24

Z

Zustand 142, 143