Techtacious

Пікірлер

@KiffinGish Ай бұрын

Great stuff! An updated video based on Angular v18 would be nice.

@unimatrix20a 3 ай бұрын

thanks for the great video. any idea if this also works with angular standalone components (where we dont have app.module.ts). I am struggling about how to plug it in in this scenario.

@IhorKhomiak 3 ай бұрын

Thanks for the useful video. There are not so many videos on KZbin about OpenAPI. So this is the brilliant one!

@techtacious 3 ай бұрын

Glad I could help. Thanks for watching!

@thoaivu-y5k 6 ай бұрын

thanks for your contribute very much

@techtacious 6 ай бұрын

No problem. Thanks for watching!

@mohamadnourbader1068 7 ай бұрын

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 6 ай бұрын

Thanks for watching. It was my first video and I didn't have the best font size figured out yet.

@tumultex 7 ай бұрын

is it possible to sell an angular component library with this method? If yes any advice on how? Cheers

@techtacious 6 ай бұрын

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 6 ай бұрын

@@techtacious thanks for your reply!

@mostafavii 8 ай бұрын

It was so helpful, thanks

@techtacious 8 ай бұрын

I'm glad I could help.

@manasipalkar9794 8 ай бұрын

I m trying to see if I can generate the angular code from swagger without dropping sonar cube analysis

@techtacious 6 ай бұрын

I'm not sure why you would need to drop sonarcube analysis. The analysis should work on any code.

@jacobokomo6077 9 ай бұрын

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 9 ай бұрын

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 9 ай бұрын

Was there a build step in between somewhere? I had a mental disconnect going from the coding part to the "libs" folder.

@sahajarora2162 9 ай бұрын

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 9 ай бұрын

@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 10 ай бұрын

An older video but helpful to me to refresh ngrx state, thanks

@techtacious 10 ай бұрын

Glad I could help.

@TVishnuvardhanReddy 10 ай бұрын

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 10 ай бұрын

Hi there, you can't use Angular components in a React application.

@ShubhamKale-j9s 10 ай бұрын

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 10 ай бұрын

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 Жыл бұрын

Great Video✌

@techtacious Жыл бұрын

Thank you and thanks for watching!

@mkmobilefanvideos6311 Жыл бұрын

What happens when you refresh the page? Are the token and user data still stored in the ngRx store?

@techtacious Жыл бұрын

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 Жыл бұрын

@@techtacious yep, got it, thanks!

@nvelchev Жыл бұрын

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 Жыл бұрын

thank you for this video , i suscribed you for future tutorial ... good luck

@techtacious Жыл бұрын

Thank you!

@shahidullah2775 Жыл бұрын

Error: 'java' is not recognized as an internal or external command

@ektasingh6635 Жыл бұрын

just a question once you have published it the lib folder that you created can be removed now from your solution right?

@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 Жыл бұрын

Please increase the Editor fonts size.. Thanks !

@techtacious Жыл бұрын

Thanks for the feedback. Yes the font-size has been fixed in my other videos.

@saiful_70 Жыл бұрын

implementing ngrx for first time, this video helps me a lot.

@techtacious Жыл бұрын

Glad it helped! Thanks for watching! :)

@LarryBuntus Жыл бұрын

Since this doesn't come with a git repo, does it mean you are paying for the organization account?

@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 Жыл бұрын

@@techtacious no I mean Npm

@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 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

Standalone components should also make this process much easier to understand :)

@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 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

Thank you for watching! Glad I could help. :)

@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 Жыл бұрын

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 Жыл бұрын

god will bless you this really help me alot today

@techtacious Жыл бұрын

I'm glad I was able to help. Happy coding! 🙂

@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 Жыл бұрын

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 Жыл бұрын

@@techtacious thanks

@matheusjordan6031 Жыл бұрын

Thank you !

@techtacious Жыл бұрын

Thanks for watching!

@jae5577 Жыл бұрын

Awesome tutorial very clear and concise explanation. Please do more tutorials on Angular and React please <3

@techtacious Жыл бұрын

Thank you! I'll definitely be putting up more videos on Angular and React soon. Please stay tuned :).

@RenierVeiga-su4sd Жыл бұрын

Best video on this topic. Would benefit from timestamps to segment the video.

@techtacious Жыл бұрын

Thank you! I'll make sure to add timestamps. Thanks for the suggestion!

@armaandhir 2 жыл бұрын

This is so useful, Thanks.

@techtacious 2 жыл бұрын

Glad you found it useful. Thanks for watching!

@gavarniwinter6045 2 жыл бұрын

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 2 жыл бұрын

Thanks a lot! I'm glad you found it useful.

@sickboy1776 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

@@techtacious This was what i was looking for... Thanks!

@ellen9427 2 жыл бұрын

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 2 жыл бұрын

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 2 жыл бұрын

the size of font is small... great video

@techtacious 2 жыл бұрын

Hi, thanks for your comment! The fonts will be bigger and better in the other videos :).

@roman-tp6sd 2 жыл бұрын

@@techtacious my eyes will love you

@techtacious 2 жыл бұрын

@@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 :) kzbin.info/www/bejne/epvMap-EfbudbM0

@Ellie-dx3hg 2 жыл бұрын

How do I launch the marketplace-server API?

@techtacious 2 жыл бұрын

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 2 жыл бұрын

very hard to read the code bro

@techtacious 2 жыл бұрын

Hi, thanks for your comment! The fonts will be bigger and better in my other videos :).

@hadirahmani7943 2 жыл бұрын

please increase font size in your screen :(

@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 2 жыл бұрын

I see only two videos on your channel, Content is really good !! Please keep up with pace...

@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 2 жыл бұрын

Hi @Bluetooth Era, I have a new video up on creating an Angular Library in 2022. I think you might like watching that. kzbin.info/www/bejne/epvMap-EfbudbM0

@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 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 2 жыл бұрын

Thanks a lot!

@techtacious 2 жыл бұрын

Glad I could help!

@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 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 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 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 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 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 2 жыл бұрын

awesome!

@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 2 жыл бұрын

great explanation!! Please keep more of these tutorials coming.. Waiting for more Angular content from you :)

@techtacious 2 жыл бұрын

Thank you! I'll certainly start producing content more actively. Please stay tuned :)

@techtacious 2 жыл бұрын

@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 :) kzbin.info/www/bejne/epvMap-EfbudbM0

@pritamnilroy3168 2 жыл бұрын

Zoom in ur VS code ..

@techtacious 2 жыл бұрын

I recognize that problem with the video. I'll make sure to avoid it in my future videos. Thanks for the feedback! :)

Ең жақсы KZbin

Пікірлер