Any beginner friendly Phoenix Liveview projects, tutorials. blogs

Welcome to the club.
Your first real project has to be something you have a need yourself, because most likely no one else will use it
So it all depends on what you want to do. Throw out some ideas and we can help you to filter out things that are too hard.

Thank You for responding,

well Mr. Derek I am really trying to learn and thought a small guided app or tutorial that is more detailed would better help me grasp what I am learning.

I feel if I created a solo app at this phase I would fail horribly

The more you fail, the more you learn…

That said, LiveView Course | The Pragmatic Studio is a fantastic resource for beginners, covering pretty much all the basics of LV development.

Hello,

Thank you for replying back, this link seems to be everyone’s favorite, it is very much up to date and clean and easy to follow.

Are there any YouTubers or blog posts/screencasts that you personally followed that helped you on your Elixir journey?

Small chat app. Open 3 browser tabs pointing at the same address, register as 3 separate uses and get cracking.

I highly recommend the phoenix section of the fly.io blog. It might be a bit challenging for beginners though.

I was about to ask the same question. I am just starting in LiveView, and the version currently installed using mix phx.new is 0.16.4. The tutorials I’ve tried so far use much older versions. In some, I can work my way through the errors and warnings caused by the version differences, but some I can’t. The tutorials I’ve seen so far are using versions below 0.10.

It’s unfortunate that the LiveView docs don’t walk you through an example app like the Phoenix docs do.

So, does anyone know of any tutorials/guides that use LiveView v.0.16+? Or a version close to that?

The book Programming Phoenix LiveView has been really helpful for me. It’s not finished yet, but most of the chapters have been published and if you buy it you’ll get the updated versions as they’re released.

I’m doing the Pragmatic Studio tutorial. I’m looking for an elixir-friendly HTML auto-complete extension (for VScode).

Does anyone know which one they are using? https://online.pragmaticstudio.com/courses/liveview-2ed-starter/steps/3
Sign-in required

What I’ve tried, and have installed:

• auto close tag
• elixirLS
• Phoenix Framework
• emmet (comes by default)

My settings (not sure if ex is even valid. Just a long shot):

 "emmet.includeLanguages": {
    "phoenix-heex": "html",
    "heex": "html",
    "ex": "html"
  },

It’s working in .heex files, just not inside the render functions in .ex.

UPDATE: I answered my own question. The correct config settings are:

 "emmet.includeLanguages": {
    "phoenix-heex": "html",
    "heex": "html",
    "elixir": "html"
  },

It seems (but I’m not 100% sure) that it was just Emmet the entire time.