The Nx Dev Tool for Monorepos

The Nx Dev Tool for Monorepos

The Nx Dev Tool for Monorepos

In JavaScript world, we already know the battles to be the most popular framework or library in the community. There are lots of these creating awesome sites to attract developers for its documentation and usability, showing how easy is to create an application using them, etc.

Over time, some of these frameworks / libraries achieved this popularity but not alone and instead of talking about only frameworks or libraries, we started to listen the JavaScript Stacks.

These JavaScript Stacks are just a selection of some of those popular frameworks / libraries to build the different parts of an application. The popular known stacks are:

MEAN (solution stack) - Wikipedia
MEAN
MERN (solution stack) - Wikitia
MERN
MEVN CLI
Light speed setup for MEVN stack based apps
MEVN

As you can see, all of these stacks are nearly the same but the frontend framework, and all of them are also valid to build whatever web application you want.

Enterprises are adopting this JavaScript Stacks to build its web applications even its backend as well. Due to their amount of applications and/or libraries, they have necessities not to only solve what JavaScript Stack to choose, they want to know how to organize the code, architecture patterns to build a scalable application and share components or libraries between their applications as well. In this case, the Nx Dev Tools it is the evolution of this JavaScript Stacks to choose.

The Nx Dev Tools

Nx: Extensible Dev Tools for Monorepos
With Nx, you can develop multiple full-stack applications holistically and share code between them all in the same workspace. Add TypeScript, Cypress, Jest, Prettier, and Nest into your dev workflow.

Nx Dev Tools, as its website says, is a set of extensible dev tools for monorepos, which helps you develop like Google, Facebook, and Microsoft and was created in Nrwl.io, founded by two ex-Googlers, Victor Savkin & Jeff Cross.

In the current version, Nx workspace has different options to build projects with the following stacks:

  • Frameworks to build FRONTEND applications
Angular
ANGULAR
React – A JavaScript library for building user interfaces
A JavaScript library for building user interfaces
REACT
webcomponents.org - Discuss & share web components
WEB COMPONENTS
  • Framework to build BACKEND applications
NestJS - A progressive Node.js framework
NestJS is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programming), and FRP (Functional Reactive Programming).
NESTJS
Next.js by Vercel - The React Framework
Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.
NEXTJS
Express - Node.js web application framework
EXPRESSJS
In the current version there is no support for Vue.js but you can find some comments talking about its support here.

As you can see, Nx Dev Tools is an awesome resource thought to help developers and enterprises to build whatever they want.

Nx Dev Tools - Resources

Besides its core features, Nx Dev Tools also has a CLI that helps you setup, develop, build, and maintain applications and more and more Plugins, build by their own or by the community, that contain schematics and builders to extend a Nx workspace.

cli: Nx CLI | Nx angular documentation
Nx CLI
Nx CLI
plugins: Plugins | Nx angular documentation
Plugins
Nx PLUGINS

How to Start

At this stage, you should want to know how to start using it, shouldn't it? To start, you can check the above links or if you want to get to work, then you can check its Angular tutorial in the following link:

tutorial: Step 1: Create Application | Nx angular documentation
Step 1: Create Application
Angular and NestJS are my prefered options to build applications 🤓

Conclusion

If you are thinking to start a big, medium or small project, I recommend you to take a look its Getting Started Page to see how this tool can help you to organize your entire project.

getting-started: Why Nx? | Nx angular documentation
Why Nx?
In next posts I will show you examples using this Nx Dev Tools 🙂.
Share this post if you liked it. The YggdrasilTS team will appreciate that 🤙

Share Tweet Send
0 Comments
Loading...
You've successfully subscribed to YggdrasilTS
Great! Next, complete checkout for full access to YggdrasilTS
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.