9

Platform upgrades for Angular v13, NgRx v13, NestJS 8, Next.js 12, and more in N...

 2 years ago
source link: https://blog.nrwl.io/platform-upgrades-for-angular-v13-nestjs-8-next-js-12-and-more-in-nx-13-2-64218e5673fd
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Platform upgrades for Angular v13, NgRx v13, NestJS 8, Next.js 12, and more in Nx 13.2!

Nx logo

Nx is a smart, fast and extensible build system. It comes with first-class monorepo support and powerful integrations.

If you aren’t familiar with it, learn about Nx at nx.dev.

Angular v13 Support

Angular logo

Angular version 13 was recently released including many new features, improvements, and bug fixes. Some highlights include:

  • Ivy by default for both applications and libraries
  • Forms improvements
  • Router improvements
  • TypeScript 4.4.2 support
  • Build performance improvements
  • New Angular Package Format
  • RxJS 7 for new Angular projects

The Angular v13 upgrade also impacted other ecosystems, such as Jest and Storybook. We worked across different integration points with external library providers to ensure migrating to the latest version of Angular is as smooth as possible. Read more about the latest updates in the blog post from

about what’s new in Angular v13, and watch our livestream with .Angular v13 livestream

Read more about breaking changes in RxJS 7 in the RxJS docs. We are planning for an automated upgrade for Nx workspaces with Angular applications to RxJS 7 in a future release.

NgRx v13 support

1*lFgOdN1iudEvD94r0yz0xA.png?q=20
platform-upgrades-for-angular-v13-nestjs-8-next-js-12-and-more-in-nx-13-2-64218e5673fd
NgRx logo

NgRx version 13 is also included in this release. Some highlights include:

  • Ivy-compiled libraries
  • Feature Creators
  • Improved Types for Selectors

Migrations to the latest version of NgRx are also included. Read more on the NgRx v13 release blog post.

NestJS 8 Support

NextJS logo

The latest release of the NestJS framework included improvements across the entire platform, including the framework, GraphQL, and other packages. Some highlights include:

  • API versioning
  • Lazy-loading of modules
  • Upgrade to RxJS 7

For Nx workspaces with Angular and NestJS applications, upgrading to NestJS 8 requires an upgrade to RxJS 7. We have accounted for this in the migration. The compatibility scenarios are listed below.

  • For Angular users on RxJS 6 that have NestJS 7 applications, updating to RxJS 7 is required to upgrade to NestJS 8.
  • If you opt-out of upgrading to RxJS 7, you won’t be updated to NestJS 8.
  • For workspaces with Angular and NestJS apps on RxJS 7, you will be updated to NestJS 8.

Watch our recent livestream with Chau Tran about best practices with NestJS applications.

Next.js 12 Support

Next.js logo

Next.js 12 was recently released at Next.js Conf with new and notable features including:

  • A new Rust compiler
  • Middleware
  • React 18 support
  • Native ES Modules support
  • Alpha support for React Server Components

The upgrade for Next.js 12 was available to all Nx workspaces in Nx 13.1 the next day after it was released. We are committed to providing first-class support for building applications and websites with React and React frameworks in a monorepo. Read the Next.js 12 launch post and blog post series by

on how you can build, scale, and deploy Next.js apps.

Other Highlights

  • Support for TypeScript Webpack configs for React applications
  • Gatsby updated to 4.1.3
  • Added config option to nx.json to enable Nx Daemon Process
  • Community plugins are included when using nx report

How to Update Nx

Updating Nx is done with the following command, and will update your Nx workspace dependencies and code to the latest version:

nx migrate latest

After updating your dependencies, run any necessary migrations.

nx migrate --run-migrations

Explore More

Be sure to click the 👏 so other people will see it. Follow us on Twitter, and subscribe to the YouTube Channel for more information on Angular, React, Nx, and more!

As always, if you are looking for enterprise consulting, training and support, you can find out more about how we work with our clients here.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK