Please note that I'm not an Elixir expert by any means, I'm still learning the language and just wanted to show how cool it looks and a couple of similarities with React
Thank you for explaination! I know the basics of Elixir, but Liveview real-world examples are very helpful for me! Does your project open for contribution?😊
@@jatlineur Looks like you messed up Elixir with Haskell😄 I guess, Elixir is the most friendly FP platform ever. You also can find OOP here, Elixir "process" is an instance of some entity, which has independent state and behaviour. "Processes" send messages to each other. Is this description applicable to OOP?😄
Nice video! I agree that Liveview feels a lot like React. Assigning values to socket feels a bit like using setState. The event driven model also feels familiar if you have worked with Redux or similar. It's going to be interesting to see if more JS devs start migrating to frameworks like Phoneix, Rails, Laravel. Their frontend story is starting to looking very compelling after years of churn in the React world.
Great video!!! I just started learning Elixir myself too so videos like this are helpful to expose me to availble libraries/frameworks. btw, your editor color theme looks nice, may i know what theme are you using here?
So if I got this straight the "rich" part of the UI is made by communicating via socket with the backend, correct? There is one framework that does the same which is blazor, you can write C# instead of javascript, but you still have interoperability with javascript if you need to. Really nice video Daniel
If i understand well: 1. The form is triggering a POST request with the params as the request body. 2. The handle_event "redirects" to to the same url we're in but with the search params as url query params built through the build_url function. 3. The new query params are parsed by the handle_params function applying the search filters, delivering the updated view
Yes! Just one small correction, all the communication between client and server are happening in a web socket connection that was established in the first render. There is no HTTP POST
Valeu Daniel, sou de clojure to indo pro elixir por framework/produtividade e a promessa do LiveView que pode empurrar a decisão de front typescript bem mais pra frente. hopefully never :)
E eu que uso react e typescript no meu dia a dia posso dizer com confiança que o LiveView é um equivalente sinistro, até melhor que o react em outras áreas como escalabilidade
"CSSex" misspealing is so awesome!😅 Pipe |> is not weird, it's fantastic! I write React code in functional manner and miss pipe so much. It's perfect to avoid nesting functions on the language level.
Please note that I'm not an Elixir expert by any means, I'm still learning the language and just wanted to show how cool it looks and a couple of similarities with React
Thank you for explaination! I know the basics of Elixir, but Liveview real-world examples are very helpful for me! Does your project open for contribution?😊
@@kvatofermer yes! You can get the link to TechSchool GitHub on the homepage of TechSchool
@@DanielBergholz 🙌
Is elixir taste good? I've never felt what elixir tastes like, because as far as I know it use FP which focuses on pure and advanced math. 😶🌫️🤯😞
@@jatlineur Looks like you messed up Elixir with Haskell😄 I guess, Elixir is the most friendly FP platform ever. You also can find OOP here, Elixir "process" is an instance of some entity, which has independent state and behaviour. "Processes" send messages to each other. Is this description applicable to OOP?😄
You've been killing it with quality content. Thanks a ton for doing this work
Thank you 🙌
Elixir looks like Ruby but with the strong type and without oop.
Seems to be a fun language and framework
Nice video!
I agree that Liveview feels a lot like React. Assigning values to socket feels a bit like using setState. The event driven model also feels familiar if you have worked with Redux or similar.
It's going to be interesting to see if more JS devs start migrating to frameworks like Phoneix, Rails, Laravel. Their frontend story is starting to looking very compelling after years of churn in the React world.
Probably only high-level developers, because they have the experience and they can invest time in "not popular" technologies
Nice video Daniel, i'm using your videos to practice my listening in English and also to follow your content which is very good.
Nice, thanks! And I'm also practicing my english on the videos 😅
Nice to know about something other than JS from someone who is already fed up of JS 👏
I think there is a market for that lol
Great video!!! I just started learning Elixir myself too so videos like this are helpful to expose me to availble libraries/frameworks. btw, your editor color theme looks nice, may i know what theme are you using here?
@@abdulrahmanmohamed8298 thank you! I’m using bearded arc
So if I got this straight the "rich" part of the UI is made by communicating via socket with the backend, correct? There is one framework that does the same which is blazor, you can write C# instead of javascript, but you still have interoperability with javascript if you need to. Really nice video Daniel
Exactly 🤝
If i understand well:
1. The form is triggering a POST request with the params as the request body.
2. The handle_event "redirects" to to the same url we're in but with the search params as url query params built through the build_url function.
3. The new query params are parsed by the handle_params function applying the search filters, delivering the updated view
Yes! Just one small correction, all the communication between client and server are happening in a web socket connection that was established in the first render. There is no HTTP POST
your videos have inspired me to branch out.
Great video - really good onboarding to Elixir/Phoenix for a JS dev ✨ This video is just missing some Miguel action IMO.
Fair enough! Next time I'm only gonna start recording once Miguel shows up on the webcam 🐈
I would love to see more elixir content, like this :)
Super helpful video, thanks for posting this 👏👏👏
How did you get socket |> noreply() instead of {:noreply, socket} ? Did you defined a function for that?
Looks cleaaan .
Yes! I created these two functions:
def ok(socket), do: {:ok, socket}
def noreply(socket), do: {:noreply, socket}
I like you say "as you can imagine", which were the exact things I imagined
😂
Nice work Daniel!
Thank you!
Hi Daniel. What extensions for vscode do you use for Elixir/Phoenix development?
Elixir LS and Phoenix
Is font Firacode?
@@MrJoberist yes!
Great please make more stuff on it
Valeu Daniel, sou de clojure to indo pro elixir por framework/produtividade e a promessa do LiveView que pode empurrar a decisão de front typescript bem mais pra frente. hopefully never :)
E eu que uso react e typescript no meu dia a dia posso dizer com confiança que o LiveView é um equivalente sinistro, até melhor que o react em outras áreas como escalabilidade
Parou de fazer video em pt?
Sim! Migrei pro inglês
@@DanielBergholz 😥
Gostei do vídeo, parabéns! Qual tema é esse ?
Obrigado! Bearded theme arc
Top quality content
"CSSex" misspealing is so awesome!😅 Pipe |> is not weird, it's fantastic! I write React code in functional manner and miss pipe so much. It's perfect to avoid nesting functions on the language level.
I just said it was weird because it’s a new concept for a lot of people, but I absolutely love the pipe operator! I hate not being to use it in JS
@@DanielBergholz there is a pipe proposal in ECMA for years, if I remember right.
Hey love the video, could you make a same for Ruby on rails?
Well, I don’t know Ruby on Rails 🤷
Queria o vídeo em português… falta conteúdo em português de Elixir
Pesquisa por Elixir Phoenix Lubien no RUclips, o cara é foda
@@DanielBergholz assisti uns vídeos dele, muito foda! Valeuuuu
This feels more similar to angular
Elixir é vida