React Pattern — Container/Presentational PatternContainer/Presentational pattern is a React design pattern that separates the responsibility. The presentational component decides how the…Jul 30, 2024Jul 30, 2024
Published inStackademicReact Pattern — Compound PatternCompound pattern is a group of components that works together to accomplish a single task. The parent component provides a shared context…Jul 15, 2024Jul 15, 2024
Micro-frontend — Feature Flag for RolloutUsually, when we implement the micro-frontend architecture, we tend to migrate the monolith application to the micro-frontend application…Jul 8, 2024Jul 8, 2024
Micro-frontend —RoutingRouting is the backbone of frontend development and determines the directing incoming network requests to the appropriate resource handler…Jun 23, 2024Jun 23, 2024
Micro-frontend — 10+ Ways for State Management in Module Federation in ViteState management plays an important role in frontend development. It is the process that allows the managing and sharing of the state…Jun 11, 20242Jun 11, 20242
Micro-frontend — Module Federation Setup in ViteModule Federation is a technique created by Webpack that allows the sharing of modules (code) between the container and remote apps. It…Jun 2, 20241Jun 2, 20241
Micro-frontend — First GlanceIn the fast-paced technology evolution, web applications become more complicated, and aim to provide comprehensive web complication to the…May 26, 2024May 26, 2024
React Project Set Up in Vite— Nothing to SomethingWhen we create a new React project, we sometimes struggle to think about how to set up a one-box project that suits the current scenario…Mar 17, 20241Mar 17, 20241
Published inTowards AWSHow I passed AWS SAA-C03 in one takeHello friends, I finally completed the AWS solution architect associate(SAA-C03) exam last year. I spent quite a lot of time on it. I would…Feb 14, 20242Feb 14, 20242
React Custom Hooks #4 benefits and challengesCustom hooks provides the functionality for us to customise our own logic into the hook. We can design the hook based on different use…Feb 8, 2024Feb 8, 2024
React Custom Hooks #3 use util hookUtility functions can be used in hook for the use of acting helper function to perform a specific functionality that is generally useful…Feb 6, 2024Feb 6, 2024
React Custom Hooks #2 use event listener hookEvent listener can be encapsulated into hook for the use of detecting the UI interaction between the web user and the web interface. By…Feb 4, 2024Feb 4, 2024
React Custom Hooks #1 useApiuseApi is the custom hook to provide the repetitive API fetching.Feb 1, 2024Feb 1, 2024
React Custom Hooks #0 OverviewCustom hooks are a way to extract component logic into reusable functions, sharing stateful logic in various components. They provides the…Jan 30, 2024Jan 30, 2024
