Jacqueline Trappmy-how-to-blog.hashnode.dev·Jan 17, 2025How to Format your React App for MobileThese days, it's increasingly common for employers to review applications on their mobile devices. Ensuring your application works seamlessly across various screen sizes is essential. Fortunately, React, JavaScript, and CSS offer a range of tools tha...JavaScript
Muhammad Abubakarabubakarwebdev.hashnode.dev·Jan 4, 2025Avoid These 5 Common React Context API Mistakes That Could Harm Your AppIt’s been more than five years since I’ve started using React. I have worked with many diverse React codebases and have learned some of the most common mistakes that React Developers usually make while using Context API. The React Context API was rel...262 readsReact
Neelesh Royweekly-frontend-articles.hashnode.dev·Oct 20, 2024How to Migrate a Nested React Context Tree to Recoil: A Step-by-Step GuideConsider an application with multiple context providers: <UserProvider> <ThemeProvider> <SettingsProvider> <SearchProvider> <App /> </SearchProvider> </SettingsProvider> </ThemeProvider> </UserProvider> This seems sma...26 readsReact
Smit Khanparause-sync-external-store.hashnode.dev·Sep 23, 2024Replacing Context API and State Management Libraries with useSyncExternalStoreIn React apps, managing state across several components is essential to a seamless user experience. While the Context API is a common tool for managing global states, it often leads to unnecessary re-renders. When a context value changes, all compone...React
Sazzadur Rahmansazzadur.hashnode.dev·Jul 28, 2024How to Create a Custom React Hook for LocalStorage Using React ContextManaging local storage in React applications can become cumbersome, especially when you need to synchronize data across multiple components. By creating a custom hook combined with React Context, you can simplify this process and make your code more ...1 like·38 readsReact
DannyforfreeCodeCampfreecodecamp.org·Jul 22, 2024How to Use React's Context API – Tutorial with ExamplesIn React, data is typically passed down from parent to child via props. But this can lead to "prop drilling" – where we have to pass props down through lots of components to get them where they're needed. Also, some props (for example, the current au...React
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...React 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 } =...29 readsReact
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 ...hire reactjs developer
Benedicta OnyebuchiforfreeCodeCampfreecodecamp.org·Jan 5, 2024How to Use React Context in Your Project – Beginner's GuideAs beginners, managing state in React applications can be challenging, especially when passing and utilizing props in deeply nested components. The usual way of passing information from a main component to its smaller parts — like a parent passing d...React
