React Native – How to use AWS DataStore for local storage (2)?
How to save/ update a record? How to query and sort data? How to query a number of data? How to delete a record?
React – What’s concurrent mode (1)?
Suspense fetch-on-render Start fetching user details Wait… Finish fetching user details Start fetching posts Wait… Finish fetching posts fetch-then-render Start fetching user details Start fetching […]
React – What is Recoil?
Recoil is a shared state between components How to create shared state between components (Atom)? useRecoilState is like useState but useRecoilState can be used to […]
Apple – App Store (1)
Deployment How to migrate an app to other account? Migration steps Step 1: Verify that the app can be transferred Documentation Step 2: Back up […]
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 […]
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 use Context API?
Structure an app Context Create Context and Provider Usage parent component child component How wrap just a few Screens with a context in React-navigation? Issues […]
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 […]
Typescript – How to fix errors?
How to check TypeScript in project folders? Remember to exclude node_modules folders by configuring Could not find a declaration file for module ‘third-party-library-name’. ‘third-party-library-name.js’ has […]