{"repo":"geolessel/react-phoenix","free":true,"listed":false,"github":"https://github.com/geolessel/react-phoenix","clone":"git clone https://github.com/geolessel/react-phoenix.git","description":"Make rendering React.js components in Phoenix easy","language":"Elixir","stars":508,"topics":["elixir","elixir-lang","phoenix","phoenix-framework","react","reactjs"],"license":"MIT","category":"ui-components","readme_excerpt":"ReactPhoenix Functions to make rendering React.js components easy in Phoenix. Combined with the javascript also included in this package, rendering React components in your Phoenix views is now much easier. Using the Phoenix default of Webpack, this package can make getting React into your application much faster than switching over to a different system. Note regarding Phoenix versions Phoenix versions 1.3 and earlier use Brunch by default instead of Webpack for asset compilation. The setup for apps using Brunch is different than apps using Webpack. If you'd like to read the old guide for 1.3/Brunch, you can read the Phoenix 1.3 README. Installation in 4 (or 5) EASY STEPS! This package is meant to be quick and painless to install into your Phoenix application. It is a thin wrapper to call the React render function from your Phoenix template and assumes you already have React in your project. 1. Declare the dependency The package can be installed by adding react phoenix to your list of dependencies in mix.exs : After adding to your mix file, run: 2. Add the javascript dependency to package.json In order to correctly render a React component in your view templates, a provided javascript file must be included in your assets/package.json file in the dependencies section. It might look like this: Then run (from your assets directory) or yarn users If you face the following error using yarn : You may need to add the below to your assets/webpack.config.js file. npm users npm unfort","default_branch":null,"files":null,"tree":[],"storefront":"/r/geolessel","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/geolessel/react-phoenix/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}