Aug 10, 2025 · 2 min read · What is API + Context in React? Think of your React app like a house: API → The delivery guy bringing data from outside (server). Context → A central kitchen where you store the delivered food so anyone in the house can take it without asking the d...
Join discussionAug 6, 2025 · 22 min read · This guide isn't just another surface-level introduction. We're going to dive deep into React Context, providing you with a complete and practical understanding that will fill any gaps in your knowledge, empower you to build more robust, maintainable...
AAnik commented
Jan 17, 2025 · 6 min read · These 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...
Join discussionJan 4, 2025 · 10 min read · It’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...
Join discussion
Oct 20, 2024 · 3 min read · Consider an application with multiple context providers: <UserProvider> <ThemeProvider> <SettingsProvider> <SearchProvider> <App /> </SearchProvider> </SettingsProvider> </ThemeProvider> </UserProvider> This seems sma...
Join discussion
Sep 23, 2024 · 5 min read · In 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...
Join discussionJul 28, 2024 · 6 min read · Managing 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 ...
Join discussion
Jul 22, 2024 · 12 min read · In 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...
Join discussion
May 28, 2024 · 6 min read · Sometimes 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...
Join discussion
Apr 6, 2024 · 5 min read · 모달 컴포넌트 예시 예전에는 리액트 프로젝트에서 모달 컴포넌트를 렌더링할 때는 다음과 같은 방법을 주로 적용했다. // Modal.tsx interface ModalProps { isOpen: boolean; onClick: () => unknown; onClose: () => unknown; } const Modal = (props: ModalProps) => { const { isOpen, onClick, onClose } =...
Join discussion