Announcing the first ever Nx Conf on September 16 & 17, 2021
Nx Conf is a new, online & free-to-attend, 2-day conference featuring members of the Nx team and community. Watch us as we share our ideas and expertise about making development faster, more scalable, and more collaborative.
Agenda (EST)
Break
Go-To-Market with Nx
Does a startup really need a tool like Nx from Day One? Let’s take a look at Nx through the eyes of a startup trying to ship its first project. How does Nx accelerate the growth and adaptation necessary for a new venture?
Micro Frontends and Nx Monorepos: The Best of Two Worlds?
Micro Frontends “by the book” are managed in different repositories. However, many Angular developers value the comfort and features provided by monorepos. This session will use Nx and Module Federation to show how to get the best of both worlds including sharing libraries between micro frontends, enforcing isolation, and deployment strategies.
Generators, Executors and Plugins - Automating for Speed and Quality with the Nx Devkit
One of Nx’s primary advantages is seamless integration of different tools through automation which we roughly categorized into: executors, generators, and plugins. Nx comes with different packages that already have all of these built-in, but you can also leverage the @nrwl/devkit API to create custom generators, executors and plugins to meet the needs of your specific workspace.
Lunch Break
Nx for your Stack
Take Nx beyond JavaScript incrementally, starting with only a few simple steps. From run-commands and shell scripts, up to a full custom plugin, Nx is capable of handling any language and tooling thrown at it. Experience the full benefits Nx provides in Angular, React, and Node, with the full stack of your choice.
Revealing the Identity of the "x" in Nx
Have you heard of Nx? Is it the missing variable in the algebraic expression to solving the nature of our universe? It just might be. Many JavaScript developers live in a universe of TypeScript these days, and Nx is a distinguished variable in solving a multitude of universal TypeScript challenges. Let's explore how Nx can be transformational when it comes to harnessing the power of our TypeScript codebases and how it can help keep us in-line with it's evolutionary journey.
Break
Design Systems for Enterprise
If you are part of a large organization or team, chances are you need a design system. A combination of Nx and Storybook will make that process more efficient, more enjoyable, and definitely more scalable. Storybook helps you build "UI components in isolation". Combined with Nx and the architecture of a Nx workspace, you can have your UI libraries easily "browsable" and testable by your whole dev and UI/UX teams.
Community Lightning Talks
Closing Remarks
Speakers
Workshop
Develop at Scale with Nx Monorepos
Presented by Nrwl on September 14th and 15th, 10:30am - 5:30pm ET
We'll kick off the Nx Conf festivities with a 2-day deep dive into all things Nx! The Nx Workshop is the official workshop created and maintained by the Nx Core Team at Nrwl. In these two days, Nrwl architects will cover the breadth of tools and techniques needed for any tech lead or individual contributor to be successful working in an Nx workspace.
$800 All-Inclusive
Each ticket for the Nx Workshop is $800, and includes both days of the workshop, as well as a free coupon for the Advanced Nx Workspaces course on nxplaybook.com, and a gift box to be shipped to you that includes the coveted "10x Nx Developer" t-shirt.
The workshop consists of short presentations, followed by hands-on codelabs.
Day 1
- 🔬 Lab 1 - Generate an empty workspace
- ⚗️ Lab 2 - Generate an Angular app
- 🧪 Lab 3 - Executors
- 🔭 Lab 4 - Generate a component lib
- 🧬 Lab 5 - Generate a utility lib
- 🧮 Lab 6 - Generate a route lib
- 🤖 Lab 7 - Add a NestJS API
- 📐 Lab 8 - Displaying a full game in the routed game-detail component
- 💻 Lab 9 - Generate a type lib that the API and frontend can share
- 👩💻 Lab 10 - Generate Storybook stories for the shared ui component
- ⌨️ Lab 11 - E2E test the shared component
Day 2
- 💡 Lab 12 - Module boundaries
- 🧸️ Lab 13 - Workspace Generators - Intro
- 🧵 Lab 14 - Workspace Generators - Modifying files
- 💎 Lab 15 - Setting up CI
- 🔌 Lab 16 - Distributed caching
- 🔍 Lab 17 - NxCloud GitHub bot
- 📎 Lab 18 - Run-Commands and deploying the frontend
- Q&A with Jeff Cross, Victor Savkin, Jason Jean, and Jack Hsu
Instructors
What you'll learn
We’ll build up a monorepo from scratch, creating a client app and server app that share an API type library. We’ll learn how Nx uses builder commands and schemeatics to make the developer experience more consistent across projects. We’ll then make our own builders and schematics for processes that are unique to our organization. We’ll also explore the growing ecosystem of plugins that allow for the smooth integration of frameworks and libraries.
All codelabs are available in either React or Angular, but the concepts are the same.