College, Bootcamp, or Self-Taught?

@drewhaines3

🗓️ April 20th, 2021

⏱️ 3 min read

This is just a test to see if it works. Still building the site.

You can use useEffect() as a dope React hook.

You can use useState() as a dope React hook.

You can use useReducer() as a dope React hook.

You can use useCallback() as a dope React hook.

Here is some code

1import { Link } from "gatsby";
2import React from "react";
3import { jsx, Box } from "theme-ui";
4import { StaticImage } from "gatsby-plugin-image";
5//
6const Header = ({ siteTitle }) => (
7  <div>
8    <div className="dark">
9      <div className="logo_wrapper">
10        <Link
11          to="/"
12          style={{
13            color: "white",
14            textDecoration: "none"
15          }}
16        >
17          <Box
18            sx={{
19              maxWidth: ["85%", 450],
20              mx: "auto",
21              mt: [2, 0],
22              transition: ["none", "all 0.5s"],
23              "&:hover": { transform: ["none", "scale(1.1, 1.1)"] }
24            }}
25          >
26            <StaticImage
27              src="../images/tde_logo_long_dark.png"
28              alt="the dev experience - learn to code"
29            />
30          </Box>
31        </Link>
32      </div>
33    </div>
34    <div className="nav_border">
35      <div className="nav_grid">
36        <div>
37          <Link to="/courses" className="nav-item red">
38            Courses
39          </Link>
40        </div>
41        <div>
42          <Link to="/blog" className="nav-item yellow">
43            Blog
44          </Link>
45        </div>
46        <div>
47          <Link to="/about" className="nav-item blue">
48            About
49          </Link>
50        </div>
51        <div>
52          <Link to="/hire" className="nav-item green">
53            Hire
54          </Link>
55        </div>
56      </div>
57    </div>
58  </div>
59);
60//
61export default Header;