Контекст в React: хук useContext и избавление от prop drilling

⚡ Get the entire course (22 lessons) at once: https://boosty.to/friendly-frontend/p... ✏️ We'll get rid of prop drilling and make the To Do List code simpler and cleaner. We'll understand what context is in React and why it's needed. We'll hook up the useContext hook and start passing tasks and handlers directly, without the prop chain. I'll explain how to create a provider, what to pass in value, and how to use context within nested components. We'll carefully move all state and logic to the TasksProvider wrapper, keeping App.jsx as concise as possible. We'll also move TasksContext to a separate file to bring the project structure closer to real production projects. ❤️ Early access to the video and private chat: https://boosty.to/friendly-frontend 🔴 Timeline: ▶ 00:00 | Introduction ▶ 00:41 | What is prop drilling ▶ 02:20 | Context API and the useContext hook ▶ 12:32 | Moving logic from Todo.jsx to the TasksContext component ▶ 18:40 | Pros and cons of the approach ▶ 20:12 | Conclusion 📚 Video Links: ➖ Code at the end of the lesson: https://github.com/aleksanderlamkov/t... 🧑‍💻 Main Telegram channel: https://t.me/AleksanderLamkov 💬 Community chat on Telegram (help for beginners): https://t.me/FriendlyFrontend 🗂️ Free courses on the channel: 🟠 HTML:    • HTML курс 2025   🔵 CSS:    • CSS курс 2025   🟡 JS:    • JavaScript курс 2025   🟢 A11y:    • Accessibility курс 2025   🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...   ⚪️ Layout Masterclass for Beginners:    • Адаптивная верстка сайта с нуля для начина...   🔘 Layout Masterclass for Advanced (BEM, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...   ⚫️ Front-end coding workshop with JavaScript practice:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...   🔴 Front-end coding workshop using JSX, SCSS, JS, Vite, Minista (SSG), and BEM: https://stepik.org/a/228315 📌 Author: ➖ Personal website: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/AleksanderLamkov ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksand... ➖ Stepik (paid courses and workshops): https://stepik.org/a/228315 #frontend #frontend #react #reactjs