rems5678/hookd-1

A cli tool and visualizer for converting React class components to functional components with hooks.

Hookd

A cli tool for converting React class components to functional components with hooks.

• To use as a global tool:
  • Clone the repo
  • [sudo] npm link
  • [sudo] hookd <filePath>
• To use as a npm cl tool:
  • npm i -D @reactionaries/hookd
  • create a package.json script for hookd

Then Hookd will create a /hookd directory with your newly converted file

Babel

Babel will be the main tool for parsing traversal and generating your new code.

Resources

Babel Packages

• babel parser
  • parse existing code into an ast
• babel traverse
  • traversal and manipulation of the ast
• babel types
  • define and verify the state and creation of nodes
• babel generator
  • creation of final ast code

The Babel Handbook

• jamiebuilds' babel handbook fundamentals for creating babel plugins

AST Explorer

• AST Explorer receives a special thanks