Bluehost – How to run a React website?
Create subdomain Access your-main-domain.com/your-sitename to check if it works Create React website on local Create React website Config package.json file Add homepage key with exact […]
Software Development
React Native – How to use AWS DataStore for local storage (1)?
Install dependencies Setup React Native app Setup “amplify/backend/api/amplifyDatasource/schema.graphql” Create Amplify app Delete “.config/project-config.json” to create new app Run “$ amplify init“ Add backend API for […]
React Native – How to authenticate with Google account using AWS Cognito? (1)
Create Google app Create Google app to get https://aws-amplify.github.io/docs/js/cognito-hosted-ui-federated-identity#google-sign-in-instructions Notes: Ignore “Restrictions” at the moment Install Amplify into local environment Install AWS Amplify CLI Create […]
Cordova – All about
Announcements https://cordova.apache.org/blog/ How to build an existing Cordova app? Install Cordova Tool Install Homebrew and Node Install third party libraries Add platforms Errors If there […]
ReactJS – How to use ReactJs in existing Cordova app?
Install dependencies React dependencies Cordova webpack plugin Add config files Add file “webpack.config.js” Add .babelrc Add a React component for testing Add react-src/index.js Add react-src/App.js […]
Bitrise – Build iOS app
Upload code signing Upload provisioning profile Provisioning profile is like the certificate of a unique app Provisioning profile has some selected certificates If this is […]
React Native – Testing (2)
How to create a snapshot? How to find an element and press it? You can use queryByxxx or getByxxx. The difference is – queryByxxx still […]
React – Anti-patterns to be avoided
Initializing the state using properties Issues We have a duplicated source of truth because “Props” and “State” hold a similar value. It’s unclear which is […]
React – Performance (2) – Refactor Component
Not using state correctly Investigation The reason for the reduction in performance as soon as the number of items grows is that the list re-renders […]
React – Server Side Rendering (SSR)
What is a Universal Application? A Universal application is an application that can run both on the server- and the client-side with the same code.React […]