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 JS
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 […]
Typescript – Cheat sheet (1)
How to use typescript in class? What is the difference between ts and tsx files? ts file doesn’t include jsx codes tsx file include jsx […]
React – Cheat sheet
Coding Keep components simple Create components as minimal as possible, few lines of code each, to avoid enormous states Separate side effects, business logic from […]
React – All about side effect (1)
Redux Thunk actions.js reducers.js
React – What’s concurrent mode (1)?
Suspense fetch-on-render Start fetching user details Wait… Finish fetching user details Start fetching posts Wait… Finish fetching posts fetch-then-render Start fetching user details Start fetching […]