ReactJS – How to validate a form?
Use react-hook-form Basic Install Usage Create form elements with unique name props Add handleSubmit method to manage form submission Register input fields into React Hook […]
Software Development
How to create a React Native app(2)? Setup by CLI
What extensions needed for VSCode? copilot ESLint GitLens Prettier npm scripts How to install React Native app? How to config alias for relative path? How […]
React Native – react-navigation (2)
How to reset navigation routes? What should be in data params when passing data? what-should-be-in-params What is the difference between push() and navigate()? How to […]
How to create a React Native app (3)? Setup packages
Setup package.json How to clean up everything and restart metro? How to restart metro? How to build bundle file for Android apk build? How to […]
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 […]