Symfony 5 Real-time Chat App - Front-end with React [Part 5\5]

Подписаться 10 тыс.

Просмотров 13 тыс.

50% 1

You might notice all other videos say x/4 byt this one says 5/5, that's because this was made like really late after deciding not to make initially.
Any feedback is highly appreciated, about the code and the presentation and the way i explained stuff, doesn't matter how brutal you gonna be.
This video will be the last and fifth video covering how to make a real time chat application using Symfony5, Mercure and React.
This videos covers the following:
- Install React and for webpack encore in Symfony 5.
- Install and configure both redux and react-router-dom.
- Create a store and a reducer and an action.
- Consume the API for both conversations and messages.
- Listening to incoming real time updates from the server using EventSource.
Github repository (commit): github.com/kon...
NOTE: the repo is not exactly the same as the code in the video but it's about 95% similar.
If you have any questions please let me know in the comments or via email.

Опубликовано:

22 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 27

@crayzo3645 4 года назад

A huge thank you to you ❤️

@ummehanyarozshandaanny2846 4 года назад

Thanks a lot bro. I was just thinking to learn it and you come. wow thanks a lot.

@OverSeasMedia 4 года назад

Hello there mate, I jus want you to know that I'm this video I don't teach exactly how to get start with react, but I rather show you how to make a chat interface , so I don't go into extreme details and fundamentals of how it works

@ummehanyarozshandaanny2846 4 года назад

@@OverSeasMedia oh ho but fine I will try to learn that from myself. thanks

@OverSeasMedia 4 года назад

If you get stuck or need help with anything let me know

@ummehanyarozshandaanny2846 4 года назад

@@OverSeasMedia thanks a lot for being so nice. When I will practice I will let you know.

@ICSVortex-DCS 4 года назад

Thx for tutorial. I started learning React + Typescript. And its cool!

@OverSeasMedia 4 года назад

React has either got waay too easy or I was just a dumbass back in 2016 because it took me only about 10 hours to learn react + redux + router to make this example lol

@ICSVortex-DCS 4 года назад

@@OverSeasMedia Well, when you have enough experience - its not that big deal to take some lib/framework and learn it very fast.

@OverSeasMedia 4 года назад

True that, I guess my experience with Vue had helped me a lot

@mfouakiehibrahim42 4 года назад

Salam Cheick. I hope your Aid was great. Thnk a lot

@alexserba5528 2 года назад

Thank you. I've been trying for 5 days to get it to work, but it's worth it. There isn't much left. Now I have an error that the sender receives 2 messages in his chat at the time of sending, and the recipient receives one (as it should be) p.s I use the version of Mercury: 0.3.4 there is a plus that it seems like you don’t need to use the Lcobucci\JWT library. The new version provides authorization. I'm trying to set up...

@alexserba5528 2 года назад

Ready! Chat works and authorization too! Thanks again, kind person!

@karlebykok9177 4 года назад

Ty a lot for knowledge sir ❤️. I wonder if I deploy this project. Does anywhere need to edit/modify to make the app work properly ?, I got some recommend is firebase/heroku. I'm kinda new to the coding world. Thanks in advance

@hazhirahmadzadeh2055 4 года назад

hello man, can you create a tutorial on how to create a many to many crud in easyAdmin3 for example we have a Question entity and Answer entity which users can ask questions and admins can answer them , in the admin page for each question we can create a custom action like "add answer" which redirect admins to asnwer crud controller the question is how to pass question id to have a answer_question relation? thanks in advance for the awesome tutoriuals

@ginageorge392 3 года назад

please make a video how to make a multilingual site on symfony.thanks

@joeechikunwoke1516 4 года назад

Thanks for your video, as always fantastic.Can you please show us or tell us how we can run mercure in production.Thanks again

@mohamedmouldi6204 3 года назад

j'ai un problème le message a été envoyé vers tout les utilisateur non pas pour l'utilisateur que je veux

@bricehemery1534 3 года назад

How do you handle the routing ? And what is inside your .html.twig files ?

@OverSeasMedia 3 года назад

When you say routing you mean how do generate "symfony" routes inside this file ? I would use something like FOSJSRouting for that, but if you talking about routing between the react components It's covered in the video, I just use The react-router.

@jancifoxhound6380 3 года назад

Bro what happened with you? Are you alive? This used to be the best symfony channel on youtube

@OverSeasMedia 3 года назад

Aye I'm still here fam. I'm actually going to make a video about some shit in the next week or something. I just been busy trying to make some money shit was getting hard lol. Thanks for the comment mate I appreciate it :))

@bricehemery1534 3 года назад

How about the template files ?

@freecourse1842 4 года назад

l3eez Bro Matghberch 3lina bzf

@OverSeasMedia 4 года назад

Lah yhfdak :))

@fouadchahd2969 4 года назад

@@OverSeasMedia :o :o :o darijaaaa

@webdev723 3 года назад

Thank you for this video, I was inspired by you and I created something similar, using react and mercure, I didn't use redux, you can take a look at repo: github.com/najmi9/mercure_symfony_blog