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 […]
Overall
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 […]
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 […]
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 […]
Xamarin – UI/UX practices
Create a warning box Warning box is displayed when Camera permission is disabled Warning box is hidden when Camera permission is enabled Tap a button […]