Functional Web Development with Phoenix LiveView
import IEx.Helpers
How the project was setup
Install the phx_new
script.
mix archive.install hex phx_new 1.8.0-rc.0
Setup the app in a directory of your choosing.
mix phx.new yap --binary-id --database sqlite3 --adapter bandit --no-install
Change into the new directory.
cd yap
Run the Project
Start by cloning the repository.
git clone https://github.com/nelsonmestevao/web-dev-with-phx-liveview.git yap
Change into the project directory and open the project in your favorite text editor (example using VS Code).
cd yap && code .
Install dependencies.
mix deps.get
Compile dependencies only if not already.
mix loadpaths
Install and setup app requirements.
mix setup
Start the Phoenix server.
iex -S mix phx.server
Open the web browser at http://localhost:4000
.
Workshop organization
To go to any step do:
git checkout
To get the code where you are from a step do:
git cherry-pick
1. SSR Counter (tag: counter
)
2. Global Counter (tag: global-counter
)
3. HTML Form (tag: name-form
)
4. File Upload (tag: avatar-form
)
5. Phoenix Generators (tag: posts-resource
)
6. JS Interoperability (tag: js-hooks
)
7. Auth Generator (tag: auth
)
Try Elixir out
"Elixir" |> String.graphemes() |> Enum.frequencies()