React – How to create a custom hook?
Example 1 Example 2
Software Development
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 […]
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 […]