ReactJS

Форк
0
/
App.tsx 
33 строки · 1012.0 Байт
1
import React from "react";
2
import './main.global.css'
3
import {hot} from "react-hot-loader/root";
4
import {Layout} from "./shared/Layout";
5
import {Header} from "./shared/Header";
6
import {Content} from "./shared/Content";
7
import {CardList} from "./shared/CardList";
8
import {useToken} from "./hooks/useToken";
9
import {tokenContext} from "./shared/context/tokenContext";
10
import {UserContextProvider} from "./shared/context/userContext";
11
import {usePostsData} from "./hooks/usePostsData";
12
import {PostsContextProvider} from "./shared/context/PostsContext";
13

14
function AppComponent() {
15
  const [token] = useToken();
16
  usePostsData();
17
  return (
18
    <tokenContext.Provider value={token}>
19
      <UserContextProvider>
20
        <Layout>
21
          <Header/>
22
          <Content>
23
            <PostsContextProvider>
24
              <CardList/>
25
            </PostsContextProvider>
26
          </Content>
27
        </Layout>
28
      </UserContextProvider>
29
    </tokenContext.Provider>
30
  );
31
}
32

33
export const App = hot(() => <AppComponent/>);

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.