MATT CARLOTTA

fullstack web developer

react hooks guide

Details:

Decommissioned
react hooks guide
Source

Description:

An educational website to help up-and-coming developers understand React’s newly introduced hooks. The entire website was built using hooks and provides: interactive hook examples with example code and in-depth hook descriptions and usage cases. Designed for both mobile to desktop screen sizes, and has a light and dark theme.

Tech Specs:

  • create react app
  • codesandbox
  • expressjs
  • reactjs
  • nginx
  • styled-components (with theming)
  • webpack

Snapshots:

api

An API page that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page. These bars frame content to the left that contains an article explaining how to use a callback function in React.

examples

An examples page that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page. hese bars frame content to the left that contains an interactive drag and drop example.

home

A home page that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page. These bars frame content to the left that contains a dark logo with a white hook surrounding the React Javascript logo. Underneath the logo is the title: React Hooks Guide.

mobile layout

A home page displayed within a mobile device that is laid out with a navbar bar that extends across the top of the page. Underneath the navbar is a dark logo with a white hook surrounding the React Javascript logo. Underneath the logo is the title: React Hooks Guide. At the bottom right of the page is a hamburger icon that overlays an interactive sidebar when clicked.

ipad layout

A home page displayed within an iPad that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page. These bars frame content to the left that contains a dark logo with a white hook surrounding the React Javascript logo. Underneath the logo is the title: React Hooks Guide.
go back to projects

©2021 matt carlotta