React Native – How to use .env file?
Use react-native-dot-env Install package Edit .babelrc Create .env file Usage Use react-native-config Android How to use env file for strings.xml? iOS How to use env […]
CI/CD – All about AppCenter (2)
How to run a custom script before building? Create appcenter-pre-build.sh How to fix Android build? Make sure release build config is turned off in code […]
ApolloClient – How to use (1)
How to create Apollo client for multiple graphQL endpoints? Create HttpLink to each endpoint Configure Apollo client Finally, you can call a query or mutation […]
React – How to interact with DOM?
How to interact with a HTML element in React? Use useRef Embed HTML content Focus an editable div element How to render a React component […]
Network – How to use Charles to intercept network request?
Android Mac Install “Charles Root Certificate” into “System” folder of Keychain Edit certificate to “Always Trust” Enable SSL Proxying Restart your Mac Android device Install […]
React – How to use css in React project?
Basic How to import css as module? Create css with name as “Button.module.css” Then, you can import css into jsx as below How to import […]
React Test – How to write Unit test and e2e test (1)?
Unit test Setup Install ts-jest for testing TypeScript files Run yarn test or yarn jest Test Problems How to ignore a specific file type “e2e.test.js”? Edit package.json […]
How to create a React Native app (5)?
How to setup app theme by native base? Setup nativebase with Expo Install package Edit root component Usage
npm – How to create a private npm?
Use case: You have your own React UI library project and you want to use UI components from this lib across other projects React Native: […]
React – How to manage state by Redux (2)?
Redux Toolkit Setup Install packages Create Slice API Create redux store Get/ set state from/ to store