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 […]
React JS
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 […]
React Native Web – Installation
How to use react-native-web for existing ReactJs app (1)? You can install react-native-web for your existing npx create-react-app my-app Install babel-plugin-module-resolver plugin to resolve your project modules […]
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 […]