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·58 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....Discuss·27 readsNotification 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...Discuss·36 readsReact
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·763 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 ...Discuss·33 readsREACT2Articles1Week
Tobbe Lundbergtlundberg.com·Feb 25, 2023WebSockets in RedwoodJSRealtime/WebSocket support in Redwood has been requested since forever*. For most people, using something like https://pusher.com/channels or https://supabase.com/docs/guides/realtime is the best choice. But I wanted to see if I could roll my own. (*...Discuss·366 readsRedwoodJS