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: […]
Web App
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
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 […]
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 […]