An Introduction to Nx Workspaces - Understanding Nx & Monorepos #1

In this video, we take a look at what an Nx workspace is all about.

0:00 Creating a workspace
2:47 What is a monorepo?
5:31 Commands
8:27 Managing dependencies

#nx #monorepo #nrwl

[torbenbang]

Nice intro, thank you. Migrating an existing Angular/Ionic application to Nx, would certainly be very interesting.

[harryknorrer]

Hi Josh,
thanks for the introduction.
At the moment I am trying to migrate several Ionic / Cordova projects to a new MonoRepo. For this reason, this topic would be interesting for me. Especially the various options such as creating a new monorepo and integrating the other projects including Git history. Or convert an existing project into a monorepo.

[bama]

Thank you, I have been learning react and I have created many applications. I questioned myself how I could keep every app in one git repo than in many. This is how I came to this video. Migrating many react apps to one git repo and one working repo could be a good idea if not realized already. Keep it up, ex googlers.

[incrediblepatri]

Please continue videos particularly with how scopes, types and classifiers, CI/CD (all features :) ) work

[vamsikrishnams]

Really impressed with your way of teaching. Please ahead with more videos

[David-iqkd]

Would be really interested in seeing how NX Workspaces can be used to handle one application - but the different builds for an Android, iOS, Desktop, and Web app might look. Would be especially interested to see another video about using xPlat with Nativescript or Capacitor in NX.

[michaelsspinnovations]

Nice job, straight to the point. Covered so much in 11 minutes. We are currently migrating an AngularJS app into Angular 14, with the mandate of being 100% extensible. The micro-frontend architechture seems to be the best direction for this, however Nx seems to check more of the boxes, but the monorepo could be an obstacle. Giving access to some of the libs would be okay, but we don't what to give 3rd party devs access to core libs and app. Would like to see how you would approach extensibility with the custom plugins?

[shane-porter]

Nice video. This really is the icing on the cache for large projects. Sorry - cake. Cake.

[additionaddict]

I’ve gone all in on this approach. I’m surprised I’ve not come across nx before

[FuzailShaikh]

Thanks mate, I got clarity why I shouldn’t be using monorepo for my use case

[valikonen]

You can create package for npm/nexus etc and solve problem with share code or to create angular workspace and use module federation

[SunnyVakil]

Creating Libraries and using it in app, would be great idea.

[AxisMundiOnline]

Really great video. Is there an updated one, as the steps described seem to no longer produce the same result... for example when you first open the project in vscode, there is no lib folder, there is no angular.json etc. etc..

[Tjommel]

That helped alot. Thank you for that video!

[KartikHedau]

Need understanding of deployments of multiple apps using NX

[orenmizr]

Good one josh! very clear... good talking speed... a lot of content :)

[kapilchhabra]

Thanks @Joshua, well explained. could you please put more light into Nx-style monorepo workspace

[frakk]

8:36 why usefull having one package.json for all projects ? why its not important which to which project belongs to ?

[okayatbikes]

I have no commands available in NX console (VS code). What might I be doing incorrectly?

[psangawar]

I see out of box support for Angular and React. Wondering when and how for Vue3, especially with say NUXT + VITE...any video about that would be great for at least myself! Also, can you please show if I can create commonly used .ts files as part of lib with some folder structure? A bit confused if liib is for a specific component like angular or react or it can host a collection of various typescript interfaces?