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 […]
Software Development
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 […]
CSS – Tailwind (1)
tailwind-cheat-sheet Setup 1 Install taiwind css package Create configuration file Install postcss & autoprefixer & postcss-import Create configuration file “postcss.config.js” Configure Webpack for css file […]
React – How to manage state by Redux (1)?
Redux – Basic Redux creates a global state which you can share between React components—no parent / child relationship required When using Redux, you don’t actually […]
Webpack – All about (1)
What can Webpack do? Bundle multiple js files into 1 js file with correct js file order Bundle multiple css, images,… files into 1 js […]
Hackintosh
How to create bootable USB by Clover Option 1: MBR with a FAT32 partition for Clover and separate HFS+J partition for OS X installer Option […]
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 […]
CI/CD – All about AppCenter (1)
GitHub react-native-codepush-as-over-the-air-ota-a-stroke-of-genius-7fbd0cf59ba0 What is CodePush? What is CodePush limitation? It does not support the following component properties: SliderIOS component maximumTrackImage, minimumTrackImage, thumbImage, trackImage props Video […]
iOS – How to request permission?
Xamarin