Powered by AppSignal & Oban Pro
Would you like to see your link here? Contact us

Functional Web Development with Phoenix LiveView

README.livemd

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()