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 […]
Micro frontend (2) – How to share redux state?
Method 1 Use 1 global shared store between micro frontends Use injectReducer to register each micro frontend reducer into the that store Reference redux-reducer-injection Method […]
React – How to use react-query?
How to install & configure Add devtools By default, React Query Devtools are not included in production bundles when process.env.NODE_ENV === ‘production’, so you don’t need […]
Micro frontend (1) – How to create a reusable component library (1)?
Method 1 First thing first Number 1 You can develop an independent component in a separate folder and expose it out using ModuleFederationPlugin State configuration […]