Code 401: Class 42 - React Native
Questions
-
Compare and Contrast Redux Toolkit with Redux “Ducks” Ducks is a method of modularizing React reducers, actions, and action types. Redux Toolkit is a package that intends to reduce some of the React boilerplate and be a standard way to write Redux logic.
-
What is the principle advantage of Redux Toolkit Reduction in boilerplate and access to Redux middleware
Vocabulary
- Redux Toolkit Slices a slice is a single key:value pair of state
- Namespace Similar to to object property access allows for accessing parts of a component using dot notation rather than a variable assignment
- open source framework for building Android and iOS applications using React
- “Views” are the building blocks of iphone and android apps
- React native allows for developing “native apps” that would otherwise be written in Kotlin or Java for Android and Swift or Obective-C for iOS
- Core components, essential ready to use native components already built and available
import { Text, View } from 'react-native';
- Native components:
View
, Text
, Image
, Button
, StyleSheet
- Expo: framework and platform for universal React applications, set of tools built around React Native used to develope and deploy iOS, Android, and web apps
- $
npm install -g expo-cli
- $
expo init my-project
expo eject
expo-cli will expose the underlying native projects and configurations
- Expo Go
- Android Studio Emulator
- $
expo install
- $
npx expo-optimize
will make assets a bit more lean, republish after
- set a
bundleIdentifier
in app.json
- $
expo upload:ios
to send project to app store
- Application Loader another way to deploy to app store
- More about deploying to App Store
- Must build an Android App Bundle for the Play Store
- Android also needs a
package
inside the app.json
- $
upload:android
after first upload to Google Play Console subsequent uploads can be done with this command
- Installing:
- $
npm i -g expo-cli
- $
expo whoami
check login
- $
expo register
to create account
- $
expo login
to login
- Eject if project needs a native module that Expo doesn’t support
Return to reading-notes Deployed Site
Return to reading-notes Mark Down