Refactor of some React workshop components using React hooks with the sole purpose of getting a grasp of hooks.

About the refactor

Installation

Backend

Backend from the Rails workshop.

Follow these steps:

• $ git clone git@github.com:wyeworks/rails-workshop-2018.git
• $ cd rails-workshop-2018
• $ rails db:create
• $ rails db:migrate
• $ rails server -p 3001

Frontend

Follow these steps:

• $ git clone git@github.com:LeticiaErrandonea/react-workshop-2018.git
• $ cd react-workshop-2018
• $ yarn install
• $ yarn start

Hooks used

• useState
• useEffect
• useValueState (custom hook)

Refactored components

• Board.js
• Boards.js

Further reference

• React hooks official docs
• React hooks presentations (React Conf 2018)
• React hooks RFC
• React v 16.8 release docs