A sample Phoenix+React project that actually works.
This repo is originally made as a supplement to this guide. Feel free to use this as a base for your Phoenix+React project, however, everything would make sense if you read the original guide first, so probably go do that first. Don't worry, I'll wait.
The commit logs outline steps taken on the aforementioned guide, to make it easier to follow.
This repo contains a Phoenix app hooked up to a React frontend, which includes a basic example of your typical React app.
- Elixir (^1.5.0)
- Node.js (^8.2.1)
- npm (^5.3.0)
- Phoenix (^1.3.0)
- React (^15.6.1)
- TypeScript (^2.4.2)
- Webpack (^3.4.1)
To start your Phoenix server:
- Install dependencies with
mix deps.getandnpm install, in that order. - Modify the database settings in each
config/files according to your needs. - Create and migrate your database with
mix ecto.setup(this runsmix ecto.create,mix ecto.migrateandmix run priv/repo/seeds.exsin order) - Start Phoenix endpoint with
mix phx.server
Now you can visit localhost:4000 from your browser.
Ready to run in production? Please check out the deployment guides provided by Phoenix.
- Official website: http://www.phoenixframework.org/
- Guides: http://phoenixframework.org/docs/overview
- Docs: https://hexdocs.pm/phoenix
- Mailing list: http://groups.google.com/group/phoenix-talk
- Source: https://github.com/phoenixframework/phoenix
Have fun! Feel free to tweet at me if you have any questions.