Few years ago I watched a video how to write wiki in Django. I was impressed but nothing special. But this? I started to play with Phoenix two weeks ago. It is far easier to write in functional language than I initially thought. This video just blew mi mind. It seamed just too good to be true. But it works! I dreamed of something like this but in Python this would not work and you made it possible.
Elixir seems too good to be true. Less code , more expressive, no inheritance. Don't get me started with testing being a first class citizen and how amazing the error messages are
For Python/Django or Elm programmer those error messages are not so impressive. Also integration with Sentry could be better. But I've seen Erlang. I think it's much better.
I said this on twitter. I can like a model, but I won't know it is right until I teach it. My LiveView classes at grox.io have been an incredible experience. The programming model just feels right because it layers seamlessly on top of what Joe, José, and other functional programmers have done. Beautiful work, Chris.
This is awesome. I followed along and I was blown away by how far you developed this. It's not even 1.0 yet! Awesome work to you guys developing Phoenix!
Holy... crap. So, I've been developing websites since before CSS existed, and back when HTML was v1. Obviously, I learned CSS, PHP, JS as years went on, became a full on C/C++/C# developer, learned Java, learned Python, etc. But I have to say, I am in love with Elixir, and by virtue, Phoenix. This is some of the coolest tech I've seen in a long, long time. And I love the syntax in Elixir. Very, very cool. This video has helped me decide to dive deeper and learn more. Thank you for sharing.
Fantastic work as always Chris! One question: do you have any css predefined? My result was a bit different and I use phx_new 1.5.1. Not very important, but it got me scratching my head if I have something wrong setup :) Fetching font-awesome fixed half the problem, but the popper notification and the look of the divs were a bit off still.
Hey Chris, this is great. Thank You. You went a little fast at 6:50 - do you have the boilerplate html that you pasted in there? I'd like to follow along properly. I was trying to type it all out but couldn't get all the text from the video.
The move at 6:50 wasn't cool. Just dropping a giant block of of that with almost no context feels so bad to me as a viewer. The github repo isn't even listed in the description. Luckily digging through the comments someone has found the file in question.
@@sbrugby1 It is just a peace of simple HTML. If that scares you, I would recommend going through some HTML basics, there are plenty resources out there 👍
I clicked on this being sceptical, cli file generator caught some attention, then creating DB and migrations from the error page? wut? O.o... validation through sockets! damn, quite impressed! Thanks for the video!
Note: You get a completely different error at 1:49 if you don't have postgres installed(or running). [error] Postgrex.Protocol (#PID) failed to connect: ** (DBConnection.ConnectionError) tcp connect (localhost:5432): connection refused - :econnrefused
Great video Chris, an update with current Phoenix version would be appreciated, I still don't get all of it though, I'm having hard time communicating the show page with the listing page for example, do I have to create another stream for the single post? I don't know, I'll experiment more to see.
can someone explain to me how this scales. im from a react spa/server components background. my understanding is websockets would mean multiple instances to handle load. if one client is connected to one instance and another to a second instance how would pub/sub communicate? is there some centralized manager to make sure events are propogated or are all instances interconnected? am i totally off track and does pub/sub actually send events to external services? also how would we scale this pub/sub for load? thanks a ton for this vid liveview looks sooo cool
Great demo! got it all working as I followed along. quick question, how did you get the `font-awesome` pulled in - was there another process behind the scenes, some *magic* script? i usually end up mocking with the `webpack` and get it in, but outside of that, i got it all working. Quite impressive. Thanks for all the work
I'm intrigued by the minimal data generated for in-place DOM updates. How can shipping diff-only payloads instead of full fat GraphQL or REST JSON payloads scale to use cases beyond a single-page app? For instance, if I wanted my backend microservice to scale to a variety of clients, including other microservices, Phoenix would need to be backed by a more complex service layer instead of a DSL over the database. I get that this is a toy app made for demo purposes only. Just thinking out loud about how to use in real-world large-scale applications.
I'm skeptical, "easy" doesn't mean simple and sometimes the difficult but simple solution is better for maintenance. I don't know enough about phoenix to gauge simplicity here.
Is the real-time server-side validation something that you'd want to do at scale, e.g. Twitter scale? I'd imagine that this would consume quite a lot of resources that you'd have to pay for vs. letting the client pay for it.
Probably not at Twitter scale, but let's keep things in perspective. Nobody starts building something that can handle that kind of load. If you start getting that popular hopefully you'll have funds to address the situation. You'll also still have to run that validation on the server before accepting the user input, but I get what you're saying. All the "chatty" real-time validation working on the server definitely requires more resources.
There is an argument to be made that it would actually consume a lot less than what we would imagine thanks to the Erlang VM. Whatsapp and Discord, etc.take advantage of that efficiency.
I would disagree. The server side validation for length is very low and the beam VM easily handles this kind of work. It maintains the browser state in the server VM, so the string length comparison is tiny.
As someone who is trying out Elixir and Phoenix for the first time, this is not a good guide. It does not show when or how style sheets are included, and the markup pasted at 6:50 is not properly visible.
I am very impressed and I want to try it out. But I have a question: what about charts or even web apis like localstorage? I would still need to use JS?
I followed along and noticed that once phx-update is set to prepend, the delete no longer renders without a refresh. What's the right approach to also delete items in real time? Just stick to phx-update = reload?
@@jackd942 Excellent question! Since LiveView tracks entries by DOM ID and each tweet has a DOM ID, you can delete a tweet by rendering an empty div with the DOM ID of said tweet. We want to add a phx-update="remove" in the future too, but the DOM ID trick works for now.
Hey Chris I would like to know how to put the highlight colors on the Sigil ~L " " "? The mine is just one color... And I'm using the Elixir-ls for visual studio code.
Is there any chance you could produce an updated version of this tutorial? You can't really follow it anymore due to the many updates to Phoenix since this video was released, but it's such a good video in terms of the content and ideas behind it.
So as a Front End Developer this intrigues me a lot. I really like the idea, but this was lightning fast to try and understand. It seems like it eliminates a lot of the complications from using JS. However, the thing I fear looking at this is that it becomes a bootstrap type thing where every site/application looks like it was from a template. Basically what im saying is it looks great for the functionality side but a lot to be desired from a design standpoint. You eliminate the pains of JS, but it seems like you trade them for design pains with this kinda weird template language. All in all i'm still a fan but Im wondering how does this work for a front end developer wanting to make fullstack applications? Or is this only meant to be used for backend developers who want to do fullstack? Either way great video though.
i'm asking myself the same questions plus some additional ones, like, debugging code(sourcemaps?), importing libs from npm, lifecycle hooks, weird template syntax, pwas, translating the web apis to elixir, typescript(or other transpiled languages) and the list might go on... all in all this seems to be targeted at the ones that don't want to fiddle(or learn, nothing against that) js or a particular web framework. Regarding the up to speed part, one can just download a react/vue/angular starter pack from github and start building a clone in less than 15 minutes.
It's all just HTML with template functions/variables - nothing restricting you. Phoenix does have a lot of HTML helper stuff, but you don't have to use it and the second it becomes limiting you can either write your own functions instead (because again they're just producing HTML) or you just write plain HTML if that's easier. CSS and Javascript are still available too.
This is a non-issue. This video demonstrates how far can you go with limited time, while depending on default HTML layouts, CSS, etc. You can customize everything, at any time.
i'm having problem right at the begin. At 1:49 when the localhost:4000/post indicates that's missing the DB and than the repos, he just click a button on the page to fix it. The same button isn't shown to me, how can I solve this problem? thanks in advance
Question, at 11:54 you set up temporary assigns for the posts list. Does that mean you can assign :posts in the socket to [post] instead of prepending it to posts in the handle_info callbacks? Also how does phx-update handle the post edit? It's configured to prepend, but the edited post is clearly not duplicated at the top. Is it using the post.id to replace that post instead of prepending because the id matches?
I was wondering the same, and it seems the phx-update attribute can handle updates based on DOM container ids. The LiveView docs say: "When appending or prepending elements containing an ID already present in the container, LiveView will replace the existing element with the new content instead appending or prepending a new element." You can indeed see the id attribute being set in the source code here: github.com/dersnek/chirp/blob/master/lib/chirp_web/live/post_live/post_component.ex#L6 See hexdocs.pm/phoenix_live_view/dom-patching.html for more.
Anybody is encountering this error in the console when updating a post: "found duplicate ID 4 for component ChirpWeb.PostLive.PostComponent w hen rendering template"? I tripple checked the code, I am missing something
Is there an update for phx 1.6 ? made it work with 1.6 but the styles are not showing up in the posts page. Any idea how to get the css styles working?
I find that access checking and managing user accounts is the hardest part to handle for this kind of web apps. Obviously this demo skips all of that and has no users and no access checks. And I wasn't too happy to hear that the developer is supposed to guess when the framework is going to do racy code by default and use correct workaround functions. Otherwise cool demo.
If you're seeing an error "no function clause matching in Phoenix.LiveView.Channel.gather_keys/2" at around the 3:48 mark, you need to upgrade a few dependencies in mix.exs: phoenix_live_view ~> 0.15.0 and phoenix_live_dashboard ~> 0.4.0 worked for me. On with the rest of the video...
Are you going to continue this series? I mean add follow user, news feed, add user to list, sign up, post photo or videk from camera or audio from mic?
Following along for fun... What would cause an error like the following for the Edit link?: Phoenix.Router.NoRouteError at POST /posts/3/edit no route found for PUT /posts/3/edit (ChirpWeb.Router)
Completely different under the hood. There are some great videos showing how the BEAM VM works and podcast episodes out there of either José Valim or Chris McCord (can't remember who) explaining what Phoenix learned from Ruby and Rails
the amount of effort it takes to do this on JS is insane. Phoenix deserves more flowers
really..what do you use ?
Rails: How to build a blog in 15 minutes.
Phoenix: Hold my beer...
More like hold my pipe
actually rails can build a blog with comments in a second.Also if you want to add user authentication well you can do it in 5 mins.
Hold my live views.
@@RsZ789 Nice, I see what you did there!
Phoenix < 16 years later > : Hold my beer
The most interesting 17 minutes I have seen in my professional life. Your video made me want to program in Elixir
A year later and I still feel the same way
@@NikitaLipkanov And you should do it ^^
Few years ago I watched a video how to write wiki in Django. I was impressed but nothing special. But this? I started to play with Phoenix two weeks ago. It is far easier to write in functional language than I initially thought. This video just blew mi mind. It seamed just too good to be true. But it works! I dreamed of something like this but in Python this would not work and you made it possible.
Elixir seems too good to be true. Less code , more expressive, no inheritance. Don't get me started with testing being a first class citizen and how amazing the error messages are
For Python/Django or Elm programmer those error messages are not so impressive. Also integration with Sentry could be better. But I've seen Erlang. I think it's much better.
One of the most exciting demos I've ever seen... Just wow.
I said this on twitter. I can like a model, but I won't know it is right until I teach it. My LiveView classes at grox.io have been an incredible experience. The programming model just feels right because it layers seamlessly on top of what Joe, José, and other functional programmers have done.
Beautiful work, Chris.
Chris loved your energy on this video! Keep up the great work. Jumping into Phoenix ASAP!
Need many more videos like this. So much easier to learn from than the Phoenix docs.
I like how you are excited when the code works
Wow! Instant lists, forms, etc. You can even specify columns for database tables on the commandline. Very impressive!
This is awesome. I followed along and I was blown away by how far you developed this. It's not even 1.0 yet! Awesome work to you guys developing Phoenix!
Thia is so amazing... I have the same filling I had when I saw the DHH 15 minutes presentation about how to create a blog using Rails. So cool
Reaaally awesome, Chris. I've heard a lot of Live Views but it's the first time I saw coding it in practice. Thank you very much!
Man, this is a revolution ! I'm so excited.
Mind = blown! What a demo!
It would be awesome to see another guide from you using latest phoenix framework version! Great video!🚀
Holy... crap. So, I've been developing websites since before CSS existed, and back when HTML was v1. Obviously, I learned CSS, PHP, JS as years went on, became a full on C/C++/C# developer, learned Java, learned Python, etc. But I have to say, I am in love with Elixir, and by virtue, Phoenix. This is some of the coolest tech I've seen in a long, long time. And I love the syntax in Elixir. Very, very cool. This video has helped me decide to dive deeper and learn more. Thank you for sharing.
Impressive, yet another reason to switch.
Totally blew my mind, rethinking life choices
Very nice Chris, love how much you love it!
That was amazing, Please make more of these sweet videos.
Nice! First time getting into Elixir & Phoenix; building a prototype.
Thank you, Chris! This is just beautiful!
Awesome stuff. You life gets a lot easier if you use Live View. Thank you so much.
Impressive. I just wonder how well LiveView scales as it looks to good to be true.
Yeah thought the same thing.
Wow! Really impressive! I wonder to how many hours of development this translates when using a SPA application.
Fantastic work as always Chris! One question: do you have any css predefined? My result was a bit different and I use phx_new 1.5.1. Not very important, but it got me scratching my head if I have something wrong setup :) Fetching font-awesome fixed half the problem, but the popper notification and the look of the divs were a bit off still.
no reply
(after 3 years)
eye-brows up.
still good explanation
Hey Chris, this is great. Thank You. You went a little fast at 6:50 - do you have the boilerplate html that you pasted in there? I'd like to follow along properly. I was trying to type it all out but couldn't get all the text from the video.
You can find the repo here: github.com/dersnek/chirp/blob/master/lib/chirp_web/live/post_live/post_component.ex
The move at 6:50 wasn't cool. Just dropping a giant block of of that with almost no context feels so bad to me as a viewer. The github repo isn't even listed in the description. Luckily digging through the comments someone has found the file in question.
@@sbrugby1 Yeah its unfortunate but luckily Leo though for us.
it's just html
@@sbrugby1 It is just a peace of simple HTML. If that scares you, I would recommend going through some HTML basics, there are plenty resources out there 👍
Lockdown no worries. Awesome stuff to be with. 👍👍👍👍👍
I clicked on this being sceptical, cli file generator caught some attention, then creating DB and migrations from the error page? wut? O.o... validation through sockets! damn, quite impressed! Thanks for the video!
I’m going to try and use this solely as a micro service. My startup is building a social media platform so this could be a good fit.
Note: You get a completely different error at 1:49 if you don't have postgres installed(or running).
[error] Postgrex.Protocol (#PID) failed to connect: ** (DBConnection.ConnectionError) tcp connect (localhost:5432): connection refused - :econnrefused
Breathtaking!
Man ... please tell me you have a video course. This is the style and pacing I love!
Great video Chris, an update with current Phoenix version would be appreciated, I still don't get all of it though, I'm having hard time communicating the show page with the listing page for example, do I have to create another stream for the single post? I don't know, I'll experiment more to see.
can someone explain to me how this scales. im from a react spa/server components background. my understanding is websockets would mean multiple instances to handle load. if one client is connected to one instance and another to a second instance how would pub/sub communicate? is there some centralized manager to make sure events are propogated or are all instances interconnected? am i totally off track and does pub/sub actually send events to external services? also how would we scale this pub/sub for load? thanks a ton for this vid liveview looks sooo cool
yes you need to make sure instances are propagating
This is the web framework of 2020!
Fascinating!
Incredible - thanks.
Great demo! got it all working as I followed along. quick question, how did you get the `font-awesome` pulled in - was there another process behind the scenes, some *magic* script? i usually end up mocking with the `webpack` and get it in, but outside of that, i got it all working. Quite impressive. Thanks for all the work
Thanks for the video. Great job!
Holy crap this is amazing!
Amazing work. Really awesome!!
5:41 An example of error-message driven programming
This is fast to make but so friggin complex. So many magic and so brittle. New versions changed quite a lot and it’s really hard to debug.
Mind explain what do you exactly find complex and/or hard to debug?
no reply to any comment can be called a problem.
rest is fine
By moving the like and retweet event handlers to the parent (like for the delete event), the PostComponent can become a function component.
I'm not even a dev and I, too, want to learn coding with Elixir!
I'm intrigued by the minimal data generated for in-place DOM updates. How can shipping diff-only payloads instead of full fat GraphQL or REST JSON payloads scale to use cases beyond a single-page app? For instance, if I wanted my backend microservice to scale to a variety of clients, including other microservices, Phoenix would need to be backed by a more complex service layer instead of a DSL over the database. I get that this is a toy app made for demo purposes only. Just thinking out loud about how to use in real-world large-scale applications.
An updated video would be great.
I'm having trouble at 2:40 replacing component with textrea.
Just amazing!
this is cool as hell
I'm skeptical, "easy" doesn't mean simple and sometimes the difficult but simple solution is better for maintenance. I don't know enough about phoenix to gauge simplicity here.
Is the real-time server-side validation something that you'd want to do at scale, e.g. Twitter scale? I'd imagine that this would consume quite a lot of resources that you'd have to pay for vs. letting the client pay for it.
Probably not at Twitter scale, but let's keep things in perspective. Nobody starts building something that can handle that kind of load. If you start getting that popular hopefully you'll have funds to address the situation.
You'll also still have to run that validation on the server before accepting the user input, but I get what you're saying. All the "chatty" real-time validation working on the server definitely requires more resources.
There is an argument to be made that it would actually consume a lot less than what we would imagine thanks to the Erlang VM.
Whatsapp and Discord, etc.take advantage of that efficiency.
I would disagree. The server side validation for length is very low and the beam VM easily handles this kind of work. It maintains the browser state in the server VM, so the string length comparison is tiny.
you say "as-sings" i say "ass-ings". but seriously, this is amazing stuff.
How do you get the html in the render function to do syntax highlighting?
As someone who is trying out Elixir and Phoenix for the first time, this is not a good guide.
It does not show when or how style sheets are included, and the markup pasted at 6:50 is not properly visible.
Do you know any god-tier guids for Phoenix v1.6? Learning as much as I can currently, mainly from the docs.
This is the only video I have ever watched w speed under x1.0. 😂
I am very impressed and I want to try it out. But I have a question: what about charts or even web apis like localstorage? I would still need to use JS?
Here's the charting component: github.com/phoenixframework/phoenix_live_dashboard/blob/master/assets/js/metrics_live/index.js
I followed along and noticed that once phx-update is set to prepend, the delete no longer renders without a refresh. What's the right approach to also delete items in real time? Just stick to phx-update = reload?
I noticed that as well and am curious about the best practice for that situation.
@@jackd942 Excellent question! Since LiveView tracks entries by DOM ID and each tweet has a DOM ID, you can delete a tweet by rendering an empty div with the DOM ID of said tweet. We want to add a phx-update="remove" in the future too, but the DOM ID trick works for now.
@@jose-valim Much appreciated, but is there anything, doc or code, that I can refer to for the implementation of this?
Is there more recent version of the video... 3 years for elxir is too much, and this video is on the home page!
Hey Chris I would like to know how to put the highlight colors on the Sigil ~L " " "?
The mine is just one color... And I'm using the Elixir-ls for visual studio code.
I had both vscode-elixir and ElixirLS installed - disabling vscode-elixir enabled the syntax highlighting
@@jarvj I ask on the elixir-forum and it was this thank you for reply and your help!
wheres the code. The html just magically appeared at 6:30
Totally impressive.
Is there any chance you could produce an updated version of this tutorial? You can't really follow it anymore due to the many updates to Phoenix since this video was released, but it's such a good video in terms of the content and ideas behind it.
So as a Front End Developer this intrigues me a lot. I really like the idea, but this was lightning fast to try and understand. It seems like it eliminates a lot of the complications from using JS. However, the thing I fear looking at this is that it becomes a bootstrap type thing where every site/application looks like it was from a template. Basically what im saying is it looks great for the functionality side but a lot to be desired from a design standpoint. You eliminate the pains of JS, but it seems like you trade them for design pains with this kinda weird template language. All in all i'm still a fan but Im wondering how does this work for a front end developer wanting to make fullstack applications? Or is this only meant to be used for backend developers who want to do fullstack? Either way great video though.
I am waiting for a reply on this comment, please!
i'm asking myself the same questions plus some additional ones, like, debugging code(sourcemaps?), importing libs from npm, lifecycle hooks, weird template syntax, pwas, translating the web apis to elixir, typescript(or other transpiled languages) and the list might go on... all in all this seems to be targeted at the ones that don't want to fiddle(or learn, nothing against that) js or a particular web framework.
Regarding the up to speed part, one can just download a react/vue/angular starter pack from github and start building a clone in less than 15 minutes.
It's all just HTML with template functions/variables - nothing restricting you. Phoenix does have a lot of HTML helper stuff, but you don't have to use it and the second it becomes limiting you can either write your own functions instead (because again they're just producing HTML) or you just write plain HTML if that's easier. CSS and Javascript are still available too.
As said, you have total control of your styles still. Sane default CSS is totally acceptable and even productive.
This is a non-issue. This video demonstrates how far can you go with limited time, while depending on default HTML layouts, CSS, etc. You can customize everything, at any time.
good precise explanation vid. 👌
Nice tutorial.
how to set visual studio code with html highlight for leex?
While it's quite impressive, I'm thinking about how to scale these WebSockets events. Can we customize the events queue somewhere?
Is that a Wunderlist logo I see in the Mac top menu 😮
I'm confused - why does mix do all this work generating these files and then require you to manually add the live routes to the router file?
Because you might not need them at all, also it’s more easy to make a new file that editing an existing one
🎉great stuff!
thank you so much! it helps a lot
cool presentation, but why do client validation on the server?
I believe you always want to verify on the client and double verify on the server
Nice...
More is needed
i'm having problem right at the begin. At 1:49 when the localhost:4000/post indicates that's missing the DB and than the repos, he just click a button on the page to fix it. The same button isn't shown to me, how can I solve this problem? thanks in advance
Question, at 11:54 you set up temporary assigns for the posts list. Does that mean you can assign :posts in the socket to [post] instead of prepending it to posts in the handle_info callbacks?
Also how does phx-update handle the post edit? It's configured to prepend, but the edited post is clearly not duplicated at the top. Is it using the post.id to replace that post instead of prepending because the id matches?
I was wondering the same, and it seems the phx-update attribute can handle updates based on DOM container ids.
The LiveView docs say: "When appending or prepending elements containing an ID already present in the container, LiveView will replace the existing element with the new content instead appending or prepending a new element."
You can indeed see the id attribute being set in the source code here: github.com/dersnek/chirp/blob/master/lib/chirp_web/live/post_live/post_component.ex#L6
See hexdocs.pm/phoenix_live_view/dom-patching.html for more.
6:55 you can see he defined the id attribute in the html
Anybody is encountering this error in the console when updating a post: "found duplicate ID 4 for component ChirpWeb.PostLive.PostComponent w
hen rendering template"? I tripple checked the code, I am missing something
He almost shouted, HALLELLUJAH !!!
Can someone tell us what the downsides/flaws are of Phoenix? Because it looks very useful.
None, really. It's the silver bullet.
Is there an update for phx 1.6 ? made it work with 1.6 but the styles are not showing up in the posts page. Any idea how to get the css styles working?
I find that access checking and managing user accounts is the hardest part to handle for this kind of web apps. Obviously this demo skips all of that and has no users and no access checks. And I wasn't too happy to hear that the developer is supposed to guess when the framework is going to do racy code by default and use correct workaround functions. Otherwise cool demo.
Convinced.
If you're seeing an error "no function clause matching in Phoenix.LiveView.Channel.gather_keys/2" at around the 3:48 mark, you need to upgrade a few dependencies in mix.exs: phoenix_live_view ~> 0.15.0 and phoenix_live_dashboard ~> 0.4.0 worked for me. On with the rest of the video...
nice video, but 6:47 you pasted the code that counts
Amazing!
Hello, Chris. Can I get sources of this tutorial?
Are you going to continue this series? I mean add follow user, news feed, add user to list, sign up, post photo or videk from camera or audio from mic?
Can I hire you to help me install Pheonix and Liveview on my Linux and help me start coding like this?
nice!
Hi, cool stuff? Where i can find a code?
@@jjcmp100 Thanks boss, I couldn't see the end of his screen
Who is using this at scale?
Following along for fun...
What would cause an error like the following for the Edit link?:
Phoenix.Router.NoRouteError at POST /posts/3/edit
no route found for PUT /posts/3/edit (ChirpWeb.Router)
Did you add the routes to the router?
You sold me.
Show de Bola!
Hey Chris can I translate it to Portuguese to my
Channel ?
Puxa, tive a mesma ideia. Não acho que tenha nada aí que tenha copyright.
Claro, mencione e link este vídeo.
Gustavo Oliveira No.
@@AdolfoNeto Boa Adolfo Vou fazer isso
This looks a lot like Ruby on Rails. What are the advantages and disadvantages of Phoenix over Ruby on Rails?
Completely different under the hood. There are some great videos showing how the BEAM VM works and podcast episodes out there of either José Valim or Chris McCord (can't remember who) explaining what Phoenix learned from Ruby and Rails
"assings"?
can you also make this using sublime text please, stey by step. thank you
i try on 11/05/2020 it dont work like the video t-t
It's not even 1.0 yet - it likely has changed a ton since then