Channel Title: Nx - Smart Monorepos - Fast CI Channel Description: Nx is a build system optimized for monorepos with built-in tooling for code scaffolding, module boundary enforcement, automated updates and advanced CI capabilities with caching and distribution . It helps you maintain and scale monorepos, both locally and on CI. More on https://nx.dev <video> Monorepo World 2024 Recap | Nx Live Description: Join Zack, Mike, and Phillip in recapping all the key moments and takeaways from the Monorepo World 2024 conference - as well as the Enterprise Summit from the day after! </video> <video> LET YOUNES COOK!!! Serving up Angular with Vite!! Description: Younes joins the stream to show off his latest work using Vite with Angular! </video> <video> Profile your Monorepo Tasks with Chrome Devtools Description: When you run an Nx command, multiple tasks execute at different times across various processes. Understanding where and when these tasks are executed is crucial for optimizing performance and speeding up your build times. In this video, you’ll learn how to profile the performance of your Nx tasks using Chrome Devtools. We’ll walk through how to generate a performance profile and visualize it, helping you identify opportunities for optimization. == Learn more == https://nx.dev/troubleshooting/performance-profiling #nxtips </video> <video> AI-powered Debugging with Nx Cloud Description: "Explain with AI" is an Nx Cloud feature that helps you understand complex errors more quickly by providing AI-powered error resolution steps right where you inspect your CI logs. This is made possible by using additional context from Nx targets and metadata, allowing for more accurate and relevant responses. == Links == https://nx.dev/ci/features/explain-with-ai </video> <video> Nx Live: Nx 20.3 Update!! Description: Join Nx Core Leads: Jason, Jack, and more from the Nx core team to discuss everything with the upcoming Nx 20.3 release. </video> <video> Import [Github] Projects To Your Nx Monorepo Description: In this video, we start with an existing Nx monorepo containing both Angular and React apps. You’ll see how to use the "nx import" command to bring in additional projects, starting with a Vite CLI-based React app, followed by a Gradle-based Spring Boot application. == Links == Docs: https://nx.dev/recipes/adopting-nx/import-project </video> <video> Zack Jackson: Everything You Ever Wanted To Know About Web Bundlers (and Rspack!) Description: </video> <video> Debug slow startup times with NX_PERF_LOGGING Description: In this video, we dive into how Nx offloads much of the heavy lifting to the Nx Daemon to speed up task execution. However, you might still experience slowdowns, especially when invoking tasks through Nx, which is more common when you’re working with a large number of Nx plugins from the core team or the community. We’ll show you how to investigate and optimize these slowdowns using the NX_PERF_LOGGING environment variable. With performance logging enabled, you can get detailed insights and precise timings to pinpoint where delays are happening. Watch to learn how to analyze task performance in Nx and use the logs to optimize your monorepo workflows! == Learn more == https://nx.dev/troubleshooting/performance-profiling https://nx.dev/plugin-registry https://nx.dev/concepts/nx-daemon </video> <video> RsPack w/ Angular | Nx Live Description: Zack and Colum show how to use RsPack with your Angular projects! Colum's package: @ng-rspack/nx </video> <video> Everything You Need To Know About Bundlers! Part 2 w/ Zack Jackson (RsPack creator) Description: </video> <video> The Perfect Typescript Starter For Advent of Code Is HERE! Description: @Supaship6000 explains how to use the `create-ts-aoc-starter` package (created with Nx!!) to generate a TS workspace specifically catered to Advent of Code! So you can focus on solving the puzzles, and leave the rest to us! == Links == Advent of Code (No Official Affliation!): https://adventofcode.com/ Blog Post on Our Project: https://nx.dev/blog/advent-of-code-crystal-edition Come work through the Advent of Code puzzles with us: https://discord.gg/sjF9fvcs for info on our private leaderboard! </video> <video> At-A-Glance Affected Repo Architecture On Every Pull Request! Now on Nx Cloud. Description: We just landed this killer new feature to Nx Cloud: at a glance visualizations of your entire repo, and visual highlights for the affected pieces for every PR. It's available now for all Nx Cloud users! See it in action now on the nx repo itself: https://staging.nx.app/orgs/62d013d4d26f260059f7765e/workspaces/62d013ea0852fe0a2df74438/overview == Learn more == https://nx.dev/nx-cloud </video> <video> Setting Up Nx Release (CI/CD Publishing) For A Real Project, w/ James Henry Description: </video> <video> Port Clashes? In a Monorepo? Here's how to fix it! Description: If you're running multiple targets in a monorepo that requires to spin up some dev server you might have run into trouble with port clashes. Manually adjusting ports works, but it is both annoying and doesn't really scale in a bigger monorepo. Let me quickly show you how you can leverage Nx's project graph extension API to fix it. == Links == Blog post: https://nx.dev/blog/dynamic-targets-with-inference-tasks Docs: https://nx.dev/extending-nx/recipes/project-graph-plugins == Chapter == 0:00 Intro 0:45 Workspace setup 1:18 Port clashes with multiple Storybook test runs 2:43 Creating a local plugin to dynamically generate Storybook targets 8:15 Outro </video> <video> From PNPM Monorepo to Fast CI Description: Explore how to supercharge your monorepo setup with Nx and PNPM in this video, using the Tasker app as a hands-on example. We’ll start by initializing Nx in an existing PNPM workspace and move into configuring caching strategies to optimize both local and CI workflows. Key lessons cover setting up task pipelines, enhancing CI with remote caching, distributing tasks across machines, and refining Playwright end-to-end tests for faster execution. == Chapters == 0:00 Intro 1:20 Project Overview 2:20 Initialize Nx in Your Project with nx init 6:02 Run and Manage Tasks Efficiently Using Nx 7:58 Configure Cache Outputs to Handle the .next Folder 10:04 Automate Task Pipelines to Build Before next start 13:11 Link an e2e Project with Its Web App Through Implicit Dependencies 15:48 Connect Your Workspace to Nx Cloud 19:48 Use Nx Commands on CI 24:30 Configure CI to Access Remote Caching 26:14 Debug Remote Cache misses with Nx Cloud 27:07 Enable Remote Caching for your Developer Machine with Nx Login 28:44 Run Tasks in Parallel on Different Machines on CI 30:52 Split Playwright e2e Tests for a Faster CI 36:39 Wrapping up </video>

Contacts and Links

Description

Nx is a build system optimized for monorepos with built-in tooling for code scaffolding, module boundary enforcement, automated updates and advanced CI capabilities with caching and distribution . It helps you maintain and scale monorepos, both locally and on CI.

More on https://nx.dev

Videos from channel