Arturcode-with-arthur.hashnode.dev·May 28, 2024Understanding React Context: A Kid-Friendly GuideSometimes in a React app, you have data that many components need to access. Passing this data through props can become cumbersome and messy. Imagine you have a big family and you need to pass a message to every member individually. It would take a l...DiscussReact Provider
Nowon Leeblog.nwlee.com·Apr 6, 2024React Context로 모달 관리하기모달 컴포넌트 예시 예전에는 리액트 프로젝트에서 모달 컴포넌트를 렌더링할 때는 다음과 같은 방법을 주로 적용했다. // Modal.tsx interface ModalProps { isOpen: boolean; onClick: () => unknown; onClose: () => unknown; } const Modal = (props: ModalProps) => { const { isOpen, onClick, onClose } =...DiscussReact
Kevin Millerkevinmiller.hashnode.dev·Mar 27, 2024React Context API: Solving State Management ChallengesIn the world of React development, managing state effectively is crucial for building robust and scalable applications. As applications grow in complexity, traditional state management approaches can become cumbersome, leading to issues such as prop ...Discusshire reactjs developer
Henna Singhcodelady.hashnode.dev·Jan 5, 2024Reusability - ReactNotes from Scrimba Advance React course React allows to create components that can be re-used anywhere its needed in the application. This helps simplify codebase in larger code-bases. The listed topics include: Children Compound Components Contex...Discuss·1 like·59 readsFrontend Developer Bootcampreact components
atchyut nagabhairavaatchyutn.hashnode.dev·Dec 19, 2023Creating a Reusable Snackbar Component in Next.jsNotifications and alerts are an essential part of user interaction in web applications. They inform users about successes, errors, and other significant events. Material-UI’s Snackbar component is a popular choice for displaying these brief messages....DiscussNotification System,
Koushik Roykoushikroy.hashnode.dev·Oct 20, 2023React Context API with TypeScriptCreating a Context and Provider To start using the React Context API, we need to create a context using the createContext method: The Provider component is responsible for wrapping the part of the component tree where we want to make the context data...DiscussReact
Koushik Roykoushikroy.hashnode.dev·Oct 18, 2023React Context APIUnderstanding the React Context API React, one of the most popular JavaScript libraries for building user interfaces is known for its component-based architecture. However, as applications grow in complexity, managing state across components can beco...DiscussReact
Dantuffstuff9.hashnode.dev·Aug 18, 2023React Context: Managing Single and Multi-Instance Contexts Using ZustandTLDR: If you want a single instance of a context so that you can use hooks from a component anywhere in the tree, and don't want the advanced functionality of context, then use Zustand's create instead of createStore. (See the article Zustand - creat...Discuss·10 likes·1.1K readszustand
Believe Matagamerza.hashnode.dev·May 30, 2023Context vs ReduxIntroduction One of the questions that people often ask is whether React Context can replace Redux. Before I answer that, let's talk about what Redux is and what problems it aims to solve. What is Redux? Redux provides a centralized store to store t...Discuss·5 likes·148 readsRedux
Vaibhav Kumarvaibhavwrites.hashnode.dev·Mar 28, 2023React Context: Simplify Your State Management and Data SharingIn large-scale React applications, it's common to have to pass props down multiple levels of components. This can lead to "prop drilling," which can make the codebase harder to maintain and debug. React Context provides a solution to this problem by ...DiscussREACT2Articles1Week