Пікірлер
@user-vq7lv3bn6z
@user-vq7lv3bn6z Ай бұрын
thanks for your contribute very much
@techtacious
@techtacious Ай бұрын
No problem. Thanks for watching!
@mohamadnourbader1068
@mohamadnourbader1068 3 ай бұрын
the video is good. but i could not complete it because the font on the screen was so small, and I couldn't see the code well.
@techtacious
@techtacious Ай бұрын
Thanks for watching. It was my first video and I didn't have the best font size figured out yet.
@tumultex
@tumultex 3 ай бұрын
is it possible to sell an angular component library with this method? If yes any advice on how? Cheers
@techtacious
@techtacious Ай бұрын
Yes it is. One way to do that is to use npm authentication and provide access to only those who buy your library (from whatever platform you sell it at). Once a user purchases your library, you can provide them with an access token for npm.
@tumultex
@tumultex Ай бұрын
@@techtacious thanks for your reply!
@mostafavii
@mostafavii 4 ай бұрын
It was so helpful, thanks
@techtacious
@techtacious 4 ай бұрын
I'm glad I could help.
@manasipalkar9794
@manasipalkar9794 4 ай бұрын
I m trying to see if I can generate the angular code from swagger without dropping sonar cube analysis
@techtacious
@techtacious Ай бұрын
I'm not sure why you would need to drop sonarcube analysis. The analysis should work on any code.
@jacobokomo6077
@jacobokomo6077 4 ай бұрын
Thank you so much man, you explain this with a lot of passion & efforts. With 2 YOE in Angular, for the very first time you made me understand NgRX State management. I just finally wrapped my head around it. You earned my like & subscription as well. Kindly do continue making more of the same, your journey to your first 1K Subs is on the way.
@techtacious
@techtacious 4 ай бұрын
I'm glad I could help man. Thanks a ton for your kind words! I have been inactive with my content lately but comments like yours have motivated me to make more content. Please feel free to let me know if there's any particular topics you'd like me to make videos on.
@kenlnetherland
@kenlnetherland 5 ай бұрын
Was there a build step in between somewhere? I had a mental disconnect going from the coding part to the "libs" folder.
@sahajarora2162
@sahajarora2162 5 ай бұрын
Hi, I'm not quite sure what part of the video you're talking about but to summarize what's happening: I've created a libs folder where I intend to store my libraries, in this case the component library. The library can be a regular angular app / package that contains components. If you create a fresh angular project for the component library, you will get a "build" script out of the box which you can run using the command "npm run build" to build the project (in this case the component library). I hope that helps.
@kenlnetherland
@kenlnetherland 5 ай бұрын
@rora2162Sorry for not getting back to this. I figured it out. It was my first packaged component so I was unaware of the conventions at the time. Was used to 'src/app' -> 'dist' convention
@soberstudy160
@soberstudy160 6 ай бұрын
An older video but helpful to me to refresh ngrx state, thanks
@techtacious
@techtacious 5 ай бұрын
Glad I could help.
@user-ms5bo6lf2l
@user-ms5bo6lf2l 6 ай бұрын
Can you create a video on using the angular component library in React application inside nx worksapce ? or please reply me with any reference video links Thank you
@techtacious
@techtacious 6 ай бұрын
Hi there, you can't use Angular components in a React application.
@user-rg4hc8og3o
@user-rg4hc8og3o 6 ай бұрын
You are not publishing the library on npm, you are not installing it from the npm if i want to use my code in my single project then that is the sense to make that libraty
@techtacious
@techtacious 6 ай бұрын
Not sure what you mean but if you watch the video, you'll realize that I am publishing the library to the npm registry. It is installable by any project (or sub-project) that's interested in utilizing the library. Thanks for your comment.
@robertkameni5975
@robertkameni5975 7 ай бұрын
Great Video✌
@techtacious
@techtacious 7 ай бұрын
Thank you and thanks for watching!
@mkmobilefanvideos6311
@mkmobilefanvideos6311 9 ай бұрын
What happens when you refresh the page? Are the token and user data still stored in the ngRx store?
@techtacious
@techtacious 8 ай бұрын
When you refresh the page, the ngRx store is reset. That is because in this video, I do not show how to *persist* the store in local storage. If you want to retain the state, you can update your store implementation to "save" the state to local storage when it's changed.
@mkmobilefanvideos6311
@mkmobilefanvideos6311 8 ай бұрын
@@techtacious yep, got it, thanks!
@nvelchev
@nvelchev 10 ай бұрын
Hi Sahaj, Great video! Thanks for sharing it. I have a question. What if I have more than one client? In a microservice project, we have different clients for the different microservices. I see that the instance of the ConfigurationParams is coming from a specific client that you built. How I can pass the same configuration to all clients instead of repeating the same code N times using the objects from each client?
@mahboubehmaleklou4083
@mahboubehmaleklou4083 10 ай бұрын
thank you for this video , i suscribed you for future tutorial ... good luck
@techtacious
@techtacious 10 ай бұрын
Thank you!
@shahidullah2775
@shahidullah2775 Жыл бұрын
Error: 'java' is not recognized as an internal or external command
@ektasingh6635
@ektasingh6635 Жыл бұрын
just a question once you have published it the lib folder that you created can be removed now from your solution right?
@techtacious
@techtacious Жыл бұрын
I'm not sure if I understand your question correctly but I'll try to answer. The lib folder is the source code for the npm package (library) and if you want to keep maintaining / updating the library version in npm, you'd need the source code :) .
@fired_developer
@fired_developer Жыл бұрын
Please increase the Editor fonts size.. Thanks !
@techtacious
@techtacious Жыл бұрын
Thanks for the feedback. Yes the font-size has been fixed in my other videos.
@saiful_70
@saiful_70 Жыл бұрын
implementing ngrx for first time, this video helps me a lot.
@techtacious
@techtacious Жыл бұрын
Glad it helped! Thanks for watching! :)
@LarryBuntus
@LarryBuntus Жыл бұрын
Since this doesn't come with a git repo, does it mean you are paying for the organization account?
@techtacious
@techtacious Жыл бұрын
Are you referring to Nx ? If so, then the answer is No. I am not paying to use the basic (plenty) features of Nx.
@LarryBuntus
@LarryBuntus Жыл бұрын
@@techtacious no I mean Npm
@CrusaderMen
@CrusaderMen Жыл бұрын
Hi @Techtacious, Thank you for sharing your knowledge this is helpful!. I have a situation where I want to publish a library that depends on multiple libraries that not shared on npm. is it possible to do that without publishing every library? Thanks!
@techtacious
@techtacious Жыл бұрын
Hi, thanks for watching ! I believe you should still be able to publish the one library without needing to publish the non-npm libraries, as long as your npm library has access to the non-npm dependencies at build-time. The bundled package would have everything that it needs and wouldn't need to depend on NPM.
@MYM861
@MYM861 Жыл бұрын
Hi, great video. Thank you! I have one question. When i reload my page in "logged in" state. The Log in button is visible for a second. I understand this is due to the async taking time to complete but how can this be solved in a nice way? Thanks!
@techtacious
@techtacious Жыл бұрын
Hi Nattmackan, thanks for watching the video and thank you for your feedback! Ideally, when a user is logged in, the authentication state should be persisted in local storage. That way, if you log in once and reload the app, you wouldn't see the Log-in button. However, with a proper authentication system in place, you would want to validate the persisted auth token to make sure it's still valid. The implementation of that would depend on your auth system but ideally it would include communication with your backend auth service to make sure that the token is valid. If the token is deemed invalid / expired, you would dispatch the Logout redux action that would change the UI state and the Log-in button would appear again.
@dylanv.dmerwe5960
@dylanv.dmerwe5960 Жыл бұрын
Standalone components should also make this process much easier to understand :)
@dylanv.dmerwe5960
@dylanv.dmerwe5960 Жыл бұрын
Bit stuck on where to actually start. You're starting from having a monorepo already available - how would you start from blank for someone who wants to create a component lib?
@techtacious
@techtacious Жыл бұрын
Hi Dylan, You can create an directory for your component library and then run npm init to initialize it as an npm package. Npm would ask you a bunch of questions to know more about the package that you're creating. Once answered, you should have a package.json file ready in the directory. You can then start adding the required node dependencies (such as angular) and also your component code. Once you have that, you can follow the video to see how the library can be published to npm.
@MurshidAtassi
@MurshidAtassi Жыл бұрын
Thank you so much for this video. Just learning about Angular. This was the missing piece to wrap my head around authentication in a modern Angular application. Please continue with more such useful content! Much appreciated:)
@techtacious
@techtacious Жыл бұрын
Thank you for watching! Glad I could help. :)
@firecape8822
@firecape8822 Жыл бұрын
Thank you...really appreciate it. How would I have my .NET core api generate a yaml file from an API I already have?
@techtacious
@techtacious Жыл бұрын
No worries, thanks for watching! I have never worked with .NET but I'm sure there would be documentation regarding this on Openapi / Swagger's website.
@tijanimiracle90
@tijanimiracle90 Жыл бұрын
god will bless you this really help me alot today
@techtacious
@techtacious Жыл бұрын
I'm glad I was able to help. Happy coding! 🙂
@VinitNeogi
@VinitNeogi Жыл бұрын
Using this approach with Nx can we consume packaged version of lib1 from npm in lib2, where lib1 and lib2 are part of same monorepo
@techtacious
@techtacious Жыл бұрын
Hi Vinit, yes I don't see a problem with that. Once deployed to npm, a library is independent and can be consumed in any node project, regardless of that package being in the same monorepo as the library itself.
@VinitNeogi
@VinitNeogi Жыл бұрын
@@techtacious thanks
@matheusjordan6031
@matheusjordan6031 Жыл бұрын
Thank you !
@techtacious
@techtacious Жыл бұрын
Thanks for watching!
@jae5577
@jae5577 Жыл бұрын
Awesome tutorial very clear and concise explanation. Please do more tutorials on Angular and React please <3
@techtacious
@techtacious Жыл бұрын
Thank you! I'll definitely be putting up more videos on Angular and React soon. Please stay tuned :).
@RenierVeiga-su4sd
@RenierVeiga-su4sd Жыл бұрын
Best video on this topic. Would benefit from timestamps to segment the video.
@techtacious
@techtacious Жыл бұрын
Thank you! I'll make sure to add timestamps. Thanks for the suggestion!
@armaandhir
@armaandhir Жыл бұрын
This is so useful, Thanks.
@techtacious
@techtacious Жыл бұрын
Glad you found it useful. Thanks for watching!
@gavarniwinter6045
@gavarniwinter6045 Жыл бұрын
Hands down best video on this subject all these other videos of annoying nerds posting things we not interested in i dont wanna install 1000 other dependencies / tools for a code gen.
@techtacious
@techtacious Жыл бұрын
Thanks a lot! I'm glad you found it useful.
@sickboy1776
@sickboy1776 Жыл бұрын
Great tutorial, thank you for your effort. I have a question about implementing micro services backend architecture, how do you implement and generate multiple swagger spec jsons when you a separate swagger for each of them?
@techtacious
@techtacious Жыл бұрын
Thank you! I recommend using Nx to maintain a monorepo. Every microservice can have its own swagger spec file. The file can either live somewhere in the microservice directory itself, or you can have a separate folder in the monorepo and call it swagger, and place all spec files there. You can then leverage Nx to have a command in your microservice's workspace.json, that would generate the swagger library using the respective microservice swagger spec file. The command would basically call a script that would find the associated swagger spec file for the microservice (have a naming convention) and run the respective codegen command to generate the client library for the microservice.
@sickboy1776
@sickboy1776 Жыл бұрын
@@techtacious This was what i was looking for... Thanks!
@ellen9427
@ellen9427 Жыл бұрын
hello, I want to use the open API, but my project is in QT, if I just use the .yaml file in my project without the settings you made in libs/openapi will it work? or it only works with settings made in libs/openapi??????? URGENT
@techtacious
@techtacious Жыл бұрын
Ideally it should work but you may need some configurational settings specific to QT. I havent really worked with QT so I can't be sure.
@roman-tp6sd
@roman-tp6sd Жыл бұрын
the size of font is small... great video
@techtacious
@techtacious Жыл бұрын
Hi, thanks for your comment! The fonts will be bigger and better in the other videos :).
@roman-tp6sd
@roman-tp6sd Жыл бұрын
@@techtacious my eyes will love you
@techtacious
@techtacious Жыл бұрын
@@roman-tp6sd I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) kzfaq.info/get/bejne/etCZbM9_rbzOZp8.html
@Ellie-dx3hg
@Ellie-dx3hg Жыл бұрын
How do I launch the marketplace-server API?
@techtacious
@techtacious Жыл бұрын
It has not been linked with Nx properly in my project yet. You may navigate to the marketplace-server directory "cd apps/marketplace-server" and run "yarn run dev". Please note that you will need to connect to a Mongo server and set its URL with credentials in a .env file as MONGO_URL=<your mongodb connection url string>.
@dumidupramith3881
@dumidupramith3881 2 жыл бұрын
very hard to read the code bro
@techtacious
@techtacious Жыл бұрын
Hi, thanks for your comment! The fonts will be bigger and better in my other videos :).
@hadirahmani7943
@hadirahmani7943 2 жыл бұрын
please increase font size in your screen :(
@techtacious
@techtacious 2 жыл бұрын
Hi Hadi! Apologies for the small font size. I am aware of the problem and I will take care of it in my future videos. Thanks for your comment!
@bluetoothera9580
@bluetoothera9580 2 жыл бұрын
I see only two videos on your channel, Content is really good !! Please keep up with pace...
@techtacious
@techtacious 2 жыл бұрын
Thanks a lot! I have been caught up with some personal events lately but I'll be creating more content soon. Please stay tuned :).
@techtacious
@techtacious Жыл бұрын
Hi @Bluetooth Era, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. kzfaq.info/get/bejne/etCZbM9_rbzOZp8.html
@bluetoothera9580
@bluetoothera9580 2 жыл бұрын
Can you please create a video on how to manage the login state using ngrx for multi tenant user application with an Okta login integration.
@techtacious
@techtacious 2 жыл бұрын
Thanks for the comment! I haven't worked with Okta but I'll try my best to find time, check out Okta, and make a video on it.
@ebichu8126
@ebichu8126 2 жыл бұрын
Thanks a lot!
@techtacious
@techtacious 2 жыл бұрын
Glad I could help!
@arielunanue4354
@arielunanue4354 2 жыл бұрын
Great video. Do you have another one showing how to add "loading" indicators while the effect is being executed? To be able to show an indicator to the user, disable the button, etc.
@techtacious
@techtacious 2 жыл бұрын
Thank you! I have not been able to create much content lately but I will be happy to make a video on UI state management. Stay tuned :).
@khaledamirat7933
@khaledamirat7933 2 жыл бұрын
You explination was so amazing, it was so simple, as it's nothing, thank you verry much, for that, i'll use your tutroial as my reference, thanks again <3
@techtacious
@techtacious 2 жыл бұрын
Thank you! I'm glad I could help. Please feel free to let me know of any other topics you'd like tutorials on. Happy coding!
@trustingod0
@trustingod0 2 жыл бұрын
Great Video !!! I have a quick question. I noticed that you used a promise as the return value for the Login Method. I was wondering why did you use a promise as opposed to an observable? Thanks !!!
@techtacious
@techtacious 2 жыл бұрын
Thank you! I'm glad I could help. Since we are not returning anything from the login function in the component, we don't need a return type there. It is more like an async void function. We simply dispatch an action in there and don't return anything. A consumer of that function does not (and should not) need to wait for the login function to finish executing. Please feel free to let me know of any other topics you'd like tutorials on. Happy coding!
@kartikkanwar91
@kartikkanwar91 2 жыл бұрын
awesome!
@techtacious
@techtacious 2 жыл бұрын
I'm glad I could help. :) Please feel free to post suggestions for topics you'd like to see on this channel. Happy coding!
@harshgupta0227
@harshgupta0227 2 жыл бұрын
great explanation!! Please keep more of these tutorials coming.. Waiting for more Angular content from you :)
@techtacious
@techtacious 2 жыл бұрын
Thank you! I'll certainly start producing content more actively. Please stay tuned :)
@techtacious
@techtacious Жыл бұрын
@Harsh Gupta I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) kzfaq.info/get/bejne/etCZbM9_rbzOZp8.html
@pritamnilroy3168
@pritamnilroy3168 2 жыл бұрын
Zoom in ur VS code ..
@techtacious
@techtacious 2 жыл бұрын
I recognize that problem with the video. I'll make sure to avoid it in my future videos. Thanks for the feedback! :)
@mysuperemecy
@mysuperemecy 2 жыл бұрын
I skipped this beautiful video because fonts were too small
@techtacious
@techtacious 2 жыл бұрын
I recognize that problem with the video. I'll make sure to avoid it in my future videos. Thanks for the feedback! :)
@techtacious
@techtacious Жыл бұрын
Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. Definitely better fonts :) kzfaq.info/get/bejne/etCZbM9_rbzOZp8.html
@lindermannla
@lindermannla 2 жыл бұрын
Nice tutorial!
@techtacious
@techtacious 2 жыл бұрын
Thank you!
@techtacious
@techtacious Жыл бұрын
Hi, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. kzfaq.info/get/bejne/etCZbM9_rbzOZp8.html
@sudharsanreddy8631
@sudharsanreddy8631 2 жыл бұрын
This is amazing tutorial to start with openapi client in angular, thanks :)
@techtacious
@techtacious 2 жыл бұрын
I'm glad I could help. :)