Ну наконец то мои руки дошли до нормального фрейма и теперь я могу развиваться сколько угодно, раньше из-за тупой работы не мог

хуяк, тыры пыры extends React.Component, хуяк там () => setState, все вот это вот

waaaaaaaaaaaaaaas

Бля.

Это я пытался ходить на втором мониторе.

Ну я писал в классах потом сказали переписывай в хуках, потом надо было типо глобал стейт, теперь сижу, пытаюсь подружить хуки и контекст

жсикс там накатил бабель, тупоскрипнт накинул еще. интерфейсы на пропы пишешь

и все. реякт приложение готово, с вас 1 козуля

Jsx легко, пропсы тоже легко, хуки тоже, да и контекст тоже понял просто это все надо подружить чтобы было полноценное приложение

если у тебя глобальный стейт большой то лучше редух заюзай

ну или как моднявые ребята щас — эффектор

Нет там четыре параметра

а ну тогда норм

Так как их подружить? Чтобы создавать где то контекст а внутри какой то функции использовать с хуками

ну я обычно делаю враппер для контекста

ща попробую пример найти

я обычно так делаю
создаю где то все что нужно для контекста:

const AppContext = createContext(defaultValue)

export const useAppContext = () => useContext(AppContext)

export const AppContextProvider = ({ children }) => {

  const [globalValue, setGlobalValue] = useState(initialValue)

  const contextValue = useMemo(() => ({
    value: globalValue,
    setValue: setGlobalValue
  }), [globalValue])

  return (
    <AppContext.Provider value={contextValue}>
      {children}
    </AppContext.Provider>
  )
}

потом оборачиваю всю аппликуху в него

const UsageExample = () => {
  <AppContextProvider>
    <App />
  </AppContextProvider>
}

и юзаю внутри компонентов:

const App = () => {
  conse { value } = useAppContext()

  return (
    ...
  )
}

фишка в том что я создаю отдельный компонент который всех чилдренов оборачивает в контекст и валью для контекста держит у себя в стейте