React for Angular Developers
39:39
Custom Hooks In React
6:47
Жыл бұрын
Strategy Pattern in Angular
22:49
Жыл бұрын
Static Site Generation in Next.js
5:31
The Power of React Hooks
21:32
Жыл бұрын
JavaScript Array Functions
14:53
Жыл бұрын
Angular Pipes
4:49
Жыл бұрын
Пікірлер
@itksports
@itksports 7 күн бұрын
make more nest js type orm postgres project based tutorial.deploy them
@nikhilgoyal007
@nikhilgoyal007 14 күн бұрын
wow! super cool! I was dreading if this would be complex but you made it a breeze! thanks
@MUSTAPHAEL-AZZAOUY
@MUSTAPHAEL-AZZAOUY 25 күн бұрын
شكرا جزيلا لك موفق ان شاء الله
@HarshavardhanKanoj
@HarshavardhanKanoj Ай бұрын
Routing is not working in angular 18 ,after following this step.
@ohmegatech666
@ohmegatech666 Ай бұрын
You didn't explain why you should do it at all
@valikonen
@valikonen Ай бұрын
I guess you're knowing what are doing, but it's chaos in your presentation
@JonnVendass21
@JonnVendass21 Ай бұрын
Thnx man. Can you please tell me what VSC Extension are you using that provides you with such a nice Code Suggestions when you start typing?
@Chandrakumar-ub1uh
@Chandrakumar-ub1uh Ай бұрын
Awesome 🎉🎉🎉🎉🎉🎉
@technica5432
@technica5432 2 ай бұрын
you were part of bossfight yea?
@reynandelizo1480
@reynandelizo1480 2 ай бұрын
hi want angular version your used in this project do you have a folder structure for angular 17 and 18 I checked the latest angular version it have a standalone composennt and signals that application faster and better than previous angular version.
@RajAmitSingh
@RajAmitSingh 2 ай бұрын
Your content is so good, thanks man!
@RajAmitSingh
@RajAmitSingh 2 ай бұрын
What a awesome video <3. Thanks man!
@2gbeh
@2gbeh 2 ай бұрын
16:20 both useCallback and useEffect will run when the component mounts so should get rid of the useEffect actually.
@luhhlindo
@luhhlindo 3 ай бұрын
I love you, man. I've looking for this explanation for a long time.
@henrymussemann3253
@henrymussemann3253 3 ай бұрын
Great video!!!! Just wanted to hint that you are talking a lot about separation of concerns and alias etc. You should definitely check out Nx. Once I used it I never worked without it anymore.
@igorparampam5984
@igorparampam5984 3 ай бұрын
Wonderful video. Thank you very much
@bhargavgajera1539
@bhargavgajera1539 3 ай бұрын
Hi Sebastian, Thanks For this video once you go to product page and refresh the page with browser reload button, whole application breaks and throwing errors(Can not GET /dist/apps/host/product ), Please check 45:56. if we go back to host routing and comeback to product route its working. but direct calling product routing its not working. seems like routing issue, How to fix this issue ? thanks in advance
@Kyrie-bntz
@Kyrie-bntz 3 ай бұрын
nice project, can you also upload a video for the design of this project?
@tranvansi6302
@tranvansi6302 3 ай бұрын
What font vs code. Thank bro
@guicercal
@guicercal 3 ай бұрын
Hi Sebastian! nice video, i just have few observations: - avoid calling the "subscribe" method by your self, if its possible to use the async pipe, use it, if it's not, so don't forget to unsubscribe (usually in the ngOnDestroy method of your component). - name your variables in a way you can easily identify them! because you named you variable as "data", your html template file end up having somthing: {{ data.data | json}}, which can be considered as "code smells". - it's ok to have a "Perform" class but why not use it as a parent class for the DataService instead of instantiate an object in the component?
@harminbhankhariya2478
@harminbhankhariya2478 3 ай бұрын
hey @Sebastian Persson, I need help setting up module federation with Angular for two separate applications in different folders. One folder/project/workspace contains the components I have developed, while another separate folder/project/workspace has my web application. I want to load the components remotely into the web application using module federation. Is this possible? If so, how can I achieve it?
@agatheleroux6106
@agatheleroux6106 3 ай бұрын
Great video ! Thanks a lot ! A video about ci/cd would be very interesting too, and also a video on how to add ssr on the Host and remotes, since it is very usefull and used. If it is possible to implement of course ..
@techtalksessions192
@techtalksessions192 3 ай бұрын
It's nice of you to share your knowledge, but I have a criticism to make. Adjust the VSCode screen so that we can see the paths you are taking to create the MFe's and start the projects.
@manishb8440
@manishb8440 3 ай бұрын
Very clear demonstration in such a short span of time. Thank you!
@techtalksessions192
@techtalksessions192 3 ай бұрын
I thought it was nice of you to demonstrate and explain how to configure a Micro-Frontend with Nx. Thanks for sharing some of your knowledge.
@miles_with_us
@miles_with_us 4 ай бұрын
Can we get the url to the github repo of this source code?
@Lukas-vx8fr
@Lukas-vx8fr 4 ай бұрын
Great video mate, did you already migrate to angular 17 syntax?
@devinvestidor
@devinvestidor 4 ай бұрын
Good tips! Thanks for your sharing :)
@jopiadrianto
@jopiadrianto 4 ай бұрын
nice brother give us more angular best practices, we need it
@wiliam334
@wiliam334 4 ай бұрын
Ta
@angelpellejero8764
@angelpellejero8764 4 ай бұрын
Awesome video, thanks for sharing! ❤
@ntesla5
@ntesla5 4 ай бұрын
Overall it was a great content, it covers so many concepts that I was not aware how to use in project. But most of the time it feels likes you are coding yourself instead of explaining clearly what and why the step is needed. Looking forward for more structured and well organised tutorial on this channel in future. Thank you
@DevBySeb
@DevBySeb 4 ай бұрын
@@ntesla5 Thanks for the feedback mate 🙏🏼🙏🏼
@MarektAtJJ
@MarektAtJJ 4 ай бұрын
Not working for angular 18
@DevBySeb
@DevBySeb 4 ай бұрын
@@MarektAtJJ thanks for the feedback mate. I might try it out and make a video for it 😁
@MarektAtJJ
@MarektAtJJ 4 ай бұрын
@@DevBySeb Yes it's will works by doing soke workaround but as soon as I include more features I ended up with some errors who are kind of wearied.
@bifty9
@bifty9 4 ай бұрын
Very good idea, thanks for sharing! But i see a problem using this aproach with other RxJS Operators, because the output is no Observable. See this example: perform = this.route.paramMap.pipe( switchMap((paramMap) => { // produces error because we do not return an Observable for switchMap return new Perform(this.myService.getData(paramMap.get("myId"))) }), ); If you return an observable using of() you can not subscribe with the async pipe on the perform observable, because the action does not get subscibed... Any ideas?
@LuisHernandez-hh9ul
@LuisHernandez-hh9ul 4 ай бұрын
Good explanation / Bad presentation Please make sure to present the whole screen. Most of the presentation is hard to know where exactly are you positioned and what are you doing. Stop clicking so fast and switching between the files unnecessarily. Give a brief introduction of the tools and their usage. I know this is not a tutorial for NX extension but not everybody has the same experience/knowledge. Thanks so much for making and sharing this content. It's so valuable :)
@DevBySeb
@DevBySeb 4 ай бұрын
Thanks for the feedback mate 🙏🏼
@invictuz4803
@invictuz4803 4 ай бұрын
The most comprehensive resource on CVA, covering custom error component and two custom input components!
@DevBySeb
@DevBySeb 4 ай бұрын
Thanks for the feedback mate 🙏🏼🙏🏼
@FabioGomesCG
@FabioGomesCG 4 ай бұрын
Hello my friend, using this components in a form cause the form.pristine = false, do you have this issue ?
@DevBySeb
@DevBySeb 4 ай бұрын
Hello Fabio, I don’t have the same issue mate. It should be marked as pristine 🤔
@FabioGomesCG
@FabioGomesCG 4 ай бұрын
@@DevBySeb are you sure ? I'm using angular 17... i will try to make an example
@criticalthinker1123
@criticalthinker1123 4 ай бұрын
*most people don't care how you look. you wasted one third of the screen so we can see you*
@sergiustanciu8123
@sergiustanciu8123 4 ай бұрын
Brilliant tutorial. Thank you so much!
@FabioGomesCG
@FabioGomesCG 4 ай бұрын
When i add the component and use a formGroup, when i reset the form with this.form.reset(); the component causes infinit loop in writeValue function in control-value-acessor, can you have this problem ? Edit: i fix this error: in writeValue function (this.control && this.control.value!=value) resolve to me.
@DevBySeb
@DevBySeb 4 ай бұрын
Awesome that you found and fixed the issue mate 🔥
@javidcarlos
@javidcarlos 4 ай бұрын
How to load assets folder images of web app in host application.
@DevBySeb
@DevBySeb 4 ай бұрын
Good question mate. If the target Host application is written in Angular, you would have to include it under assets in angular.json-file.
@adrian333dev
@adrian333dev 4 ай бұрын
Awesome content!
@DevBySeb
@DevBySeb 4 ай бұрын
Thanks mate 🙏🏼🙏🏼
@ntesla5
@ntesla5 5 ай бұрын
Does this tutorial has prerequisite of nest js or it is taught along with coding?
@DevBySeb
@DevBySeb 5 ай бұрын
Its taught along coding mate
@DailyQuotes-er7zp
@DailyQuotes-er7zp 5 ай бұрын
Hi mate. How can i bind angular 13 with angular 17?
@arizmuajianisan
@arizmuajianisan 5 ай бұрын
Your explanation is very good, to the point! This video really help me
@DevBySeb
@DevBySeb 5 ай бұрын
Thanks for watching mate 🙏🏼🙏🏼
@AbhisekKumar-l6y
@AbhisekKumar-l6y 5 ай бұрын
I have a react app where i have consumed many react mfe through lazyload exposed by mfe app. but now I am exposing angular app through webpack.config.js but I am not able to consume angualr app in my app.js where is all routing.
@AbhisekKumar-l6y
@AbhisekKumar-l6y 5 ай бұрын
I have a react app where i have consumed many react mfe through lazyload exposed by mfe app. but now I am exposing angular app through webpack.config.js but I am not able to consume angualr app in my app.js where is all routing.
@devashish_yt
@devashish_yt 5 ай бұрын
Well explained!. In case anyone looking for the `mutate` to `update` refactoring code, here it is. protected upsertResource = (resource: ResourceType<T>) => { const index = this.resources().findIndex((res) => (res.id = resource.id)); if (index == -1) { this.resources.set([...this.resources(), resource]); } else { this.resources.update((res) => { res[index] = resource; return res; }); } };
5 ай бұрын
Been working with Angular for over 4 years, and I've finally decided to work on a React project at my current job, and honestly this video really helps bridge the gap between Angular and Cr- I mean, React. Man do I love Angular.
@DevBySeb
@DevBySeb 5 ай бұрын
You will get there mate. Its always a hassle in the beginning. I honestly prefer to use Nextjs over plain React 😁Angular is superior…
@_dinesh
@_dinesh Ай бұрын
More I learn about React. I am just starting to appreciate Angular a lot.
@QuocTienNguyen
@QuocTienNguyen 5 ай бұрын
Does it work if the lib project is not same repository? I have struggle when using translation module(@ngx-translate/core). My remote and host project is not same repository (total independently). It can't load TranslateSerice when access remote url from host. Please create a sample about that