React Native – UI/ UX (1)
How to create a React native theme? Create theme.js file Wrap theme content by styled-components Usage A global Toast with callback Button native-base How to […]
React Native
React Native – How to setup push notification with Firebase (3)?
How to send message from Node server, not by FCM console? Sending_Firebase_Cloud_Messages_from_a_Node.js_Server Prepare necessary data Get your Firebase DB URL Open Firebase project Create new […]
React Native – How to setup push notification with Firebase (2)?
Install “react-native-firebase” Android Download “google-services.json” file from Firebase Android There is step of generating debug signing certificatehttps://round.fun/2020/05/07/android-development-setup/ Paste “google-services.json” to “android\app\” folder Edit “/android/build.gradle“ Edit […]
TypeScript – How to add TS to existing React Native app?
Installation Install packages Create “tsconfig.json” file Create jest.config.js file Fix error when changing “.js” to “.tsx” Could not find a declaration file for module ‘react-redux’ […]
React Native – How to use device sensor?
What’s device coordinate frame? react-native-sensors Detect device shake But build is error in iOS !! expo-sensors Installation Install “react-native-unimodules” installing-unimodules Install “expo-sensors” existing-appsyarn add expo-sensorsnpx […]
Mobile app – How to setup push notification with Firebase (1)?
Create Firebase project Download “google-services.json” file for Android Download “GoogleService-Info.plist” for iOS Config iOS push notification Create Apple Push Notifications service (APNs) key Save & […]
React Native – How to integrate React Native into existing iOS app (1)?
Reference Create new folder structure package.json .gitignore Install “react-native” dependency Install CocoaPods Edit pod file Create separate new React Native project Copy and paste content […]
React – How to use “useSwr”?
Why “useSwr” (stale-while-revalidate)? There are only two hard things in Computer Science: cache invalidation and naming things — Phil Karlton It fetches data from an […]
React – Storybook: How to use react-native-web in Storybook?
Set up a React website built with webpack Setup Initialize a package.json Install React, Babel, Webpack Create webpack.config.js at the root of the project Create a public/index.html, public/index.js, […]
React Native – How to work with form (1)? Formik & Yup
What does Formik do? Track form state Handles form submission Handles validation and error messages Install Usage template How to reset form after submit? How […]