Phoenix Reactify

Phoenix Reactify is an amazing mix task capable of adding a simple React implementation to your fresh phoenix projects.

How does PhoenixReactify works?

It uses the amazing remount library to make your entire SPA App into a html tag, so that you can use into your phoenix application's templates

Installation

The package is available in Hex, so just paste this into your mix.exs file:

def deps do
  [
    # other dependencies
    {:phoenix_reactify, "~> 0.1.0"}
  ]
end

Usage

At this moment, Phoenix Reactify supports these options:

• -p, --project: Specifies the React project name (Default to SPA).
• -v, --verbose: Ensures verbose output.

mix phx.reactify --project <PROJECT-NAME> --verbose

After all set, you can embbed your spa, as <x-<YOUR-PROJECT-NAME> > onto any of your .html.eex files.

⚠ WARNING: be careful with route conflicts between the applications

ToDo

• 🕐 Automatic route mapping (probably via macros or something like that).
• 🕐 Typescript support (deppends on babel).
• 🕐 Auto-Inject first generated tag (not trully necessary, but I think it would be more user-friendly).

License

MIT