Nx jest zestawem rozszerzalnych narzędzi deweloperskich dla mono-repozytoriów. Dzięki niemu programiści mają całościowe doświadczenie deweloperskie oparte na zaawansowanym interfejsie CLI. Twórcy tych narzędzi opublikowali ich najnowszą wersję – Nx 10.3. Wśród nowych funkcji znajduje się obsługa wtyczek VS Code Jest oraz ulepszona obsługa ESLint i najnowszych wersji TypeScript i Storybook.

Nx 10.3 z ESLint

Współpraca przy tworzeniu nowej wersji narzędzi umożliwiła wprowadzenie szeregu ulepszeń do obsługi ESLint. Przede wszystkim zastąpiono konstruktora @nrwl/linter:lint nowym – @nrwl/linter:eslint. Kreator akceptuje wzorce plików i bezpośrednio je przekazuje do ESLint. Tym samym nie polega on na tsconfigs w celu wykrycia plików do przekazania do ESLint. Oprócz tego, do ESLint dodano rozszerzenie .json. Dla projektów Angular, tworząc nowy obszar roboczy, programista ma możliwość wyboru ESLint jako lintera.

VS Code Jest

Dotychczas wtyczka Jest dla VS Code, aby poprawnie działać z obszarami roboczymi Nx, wymagała konfiguracji ręcznej. W najnowszym wydaniu projekty są konfigurowane zgodnie ze wtyczkami od razu po wypakowaniu. Dzięki temu wzrasta produktywność podczas pisania testów jednostkowych. Tak wygląda teraz root.jest.config.js:

moduł . export = {
  projects: [
    '<rootDir> / packages / workspace' ,
     '<rootDir> / packages /    angular' ,
 '<rootDir> / packages / interact' , 
    ...
   ] ,
 } ;

Główny plik konfiguracyjny ma odniesienia do każdego projektu Jest w obszarze roboczym. Pozwala także rozszerzeniom VS Code na uruchamianie dowolnego testu jednym kliknięciem.

Wsparcie Storybook 6 w Nx 10.3

Najnowsza wersja Storybook 6 zawiera wiele nowych funkcji, zwłaszcza dla frontendowców. Za tymi zmianami podążają twórcy Nx 10.3, udzielając wsparcia dla tego wydania w swoim produkcie. Dzięki temu Nx generuje historie w formacie CSF (Component Story Format). Jest to nowy, standardowy sposób pisania historii komponentów.

W przyszłości pojawią się kolejne wykorzystania funkcji Storybook 6, takie jak sterowanie, kompozycja oraz argumenty.

Nowe funkcje Nx 10.3

Do dokumentacji Nx dodano Node JS. Skupia się ona na tym, jak korzystać z Nx do tworzenia zaplecza. Ponadto wprowadzono wersjonowaną dokumentację – dokumentacje poprzednich wersji narzędzia Nx.

Ostatnie zmiany to obsługa TypeScript 4 oraz Angular 10.1. TS 4, wydany w zeszłym miesiącu, obsługuje m.in. zmienne typy krotek.

Źródło: Nrwl