React #74 | Что такое Destructuring в JavaScript, как читать пропсы и фишки React Developer Tools

Наводим полный порядок в коде и в головах на канале DevHotSpot! В уроке №74 мы временно притормозим конвейер фич нашего To-Do List, чтобы детально разобрать один из важнейших механизмов современного JavaScript — деструктуризацию объектов (Destructuring). Мы уже активно использовали этот синтаксис при передаче свойств (Props) в компоненты Header и TodoList, но пришло время досконально понять, как этот синтаксический сахар работает под капотом. На примере обычного объекта профиля пользователя мы разберем, как одной строчкой кода «выдергивать» нужные ключи в независимые переменные, избавимся от бесконечного дублирования родительских объектов и поймем, как этот прием повышает читаемость кодовой базы. Также в этом видео: разберем полезное расширение React Developer Tools для браузера Chrome, научимся инспектировать компоненты и стейты, а также затизерим следующую большую тему — создание переключателя языков (интернационализацию приложения)! 🔗 АКТУАЛЬНЫЕ ССЫЛКИ: 🎓 Полный структурированный курс «React» со всеми исходниками на Udemy: https://www.udemy.com/course/react-devhotspot/?referralCode=F33F3BA1373E18A7838C 👉 Наш Telegram: https://t.me/devhotspot #react #javascript #frontend #webdevelopment #devhotspot