Разделите проблемы, используя два самых мощных шаблона React. Render props и пользовательские хуки — это мощные шаблоны повторного использования в React. В этой статье я покажу вам, как разделить проблемы с помощью простого свойства рендеринга, похожего на тот, что в документации React , используя хуки useState и useEffect . Затем я покажу вам, как реализовать собственный хук, чтобы сделать ваш код еще более пригодным для повторного использования. Использование реквизита..

Недавно я работал над крупномасштабным приложением React, которое включает в себя МНОЖЕСТВО функций, позволяющих редактировать значения на панели настроек, одновременно отображая предварительный просмотр результатов в другой панели. Упрощенное дерево React выглядело примерно так: <ContextProvider value={{ valueFromContext, setValueFromContext }}> <SettingsEditor /> <SettingsResultLivePreview /> </ContextProvider> Где SettingsEditor и..