6

Redesigned Starter page, Storybook 6.4, ESLint 8, and more in Nx 13.3!

 3 years ago
source link: https://blog.nrwl.io/redesigned-starter-page-storybook-6-4-eslint-8-and-more-in-nx-13-3-5507d7378360
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

Redesigned Starter page, Storybook 6.4, ESLint 8, and more in Nx 13.3!

Nx logo

Nx is a smart, extensible build framework to help you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries while providing a robust CLI, computation caching, dependency management, and more.

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

Redesigned Welcome Page

We’re always looking to improve the experience for new and existing users of Nx, and the starter templates for new applications play a big role in that.

Nx Welcome Before

Our welcome page generated with new applications has gotten a fresh redesign to highlight the learning journey for Nx developers, including learning materials, one-click access to Nx Console, connecting to Nx Cloud, and more.

We have rolled this out across React, React frameworks, Web, and Angular projects to provide a consistent look and feel across the board. We hope you love the new look!

Storybook 6.4

Storybook logo

Storybook is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. Nx has first-class support for Storybook across many ecosystems. With the latest release of Nx, we support Storybook 6.4.

Storybook 6.4 adds interaction testing and performance re-architecture. Other highlights include:

  • Interactive stories to simulate user behavior and tools to debug it
  • On-demand architecture for smaller builds and faster load times
  • Automigrate + versioned documentation for easier upgrades
  • Linter to enforce Storybook best practices
  • Hundreds more fixes and quality of life improvements

Check out our Nx Show episode with Michael Shilman about Modern Angular development using Storybook.

Read more about using Nx and Storybook in our docs.

ESLint 8 Support

ESLint logo

ESLint is a pluggable linting tool used across the JavaScript ecosystem that allows you to quickly enforce best practices and even implement automatic fixing of problems within your workspace.

The update to ESLint 8 brings updates to support

  • Support for latest version of TypeScript 4.x
  • typescript-eslint v5
  • angular-eslint 13

Many of the changes in ESLint aren’t developer-facing, but staying up to date with the latest tools and best practices is what we promote in Nx. See the ESLint 8 blog post for more information on the release. Watch James Henry’s talk from Nx Conf 2021 on building custom ESLint rules.

Other Highlights

  • SCAM generator for Angular applications.
  • Tailwind support for buildable Angular libraries.

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.


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK