ReactJS

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/>);