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 […]
Software Development
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
eslint, husky, audit-ci – Configuration
Setup eslint React Native Setup eslint-plugin-react-native Create .eslintrc.json Basic How to completely uninstall eslint? How to resolve path to module ‘@components/some-module’.(import/no-unresolved) eslint-import-resolver-typescript Install packages Fix […]
How to create a React Native app (4)?
How to use env file? How to control network communication? Setup react-query Rest with axios Create axios instance Create api request with Promise or Awaitreference: […]
How to create a React Native app (1)? Setup Expo
Setup Expo Install expo CLI Install expo Development Client https://docs.expo.dev/clients/getting-started/ or Run iOS Build This needs to be re-run every time a new native module […]
Web layout – How to use Grid?
How to create a page with header, content and footer? header – main – footer How to create a table? 14 columns with different size, […]
React – How to create a custom hook?
Example 1 Example 2
Web layout – How to create a sticky sidebar menu?
Use “react-stickynode” Use cases How to fix issue where sidebar overlaps footer area? Add id node before Footer component Set bottomBoundary property How to scroll […]