React Native – All about Storybook
Setup https://github.com/storybookjs/react-native Add a storybook component Load stories files inside different folders How to wrap global storybook with a View? Switch app to run story […]
Mobile App
React – How to use Hook (1)?
Class vs Hooks componentDidMount componentDidUpdate componentWillUnmount What is life cycle of useEffect? What are differences between useEffect and useLayoutEffect? useEffect useEffect runs asynchronously and after a render is […]
Redux – How to use redux-persist for nested state in React Native?
Create your reducer loginReducer.tsx loginActions.tsx Create persist reducer reducers.tsx Initiate store store.tsx Usage
React Native – How to authenticate with AWS Cognito?
React Native – Setup config file You need AWS side: Identity Pool Id User Pool Id User Pool Client Id Install dependencies Create “aws-exports.js“ userPoolWebClientIdThere […]
React Native – How to setup push notification with Firebase (4)?
How to create DB for sending notification to a specific device? How to create related APIs? API of getting user id, fcmToken 2 APIs of […]
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 […]
iOS Programming (1) – All about Swift
What’s optionals? Value of a variable is optional, it can be nil or not nil Define a variable Unwrap optionals Safety check How to write […]
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’ […]