diff --git a/adev/BUILD.bazel b/adev/BUILD.bazel index 3f6665762c8..ced96ec66e1 100644 --- a/adev/BUILD.bazel +++ b/adev/BUILD.bazel @@ -16,6 +16,7 @@ exports_files([ APPLICATION_FILES = [ "//adev/src/assets/images", "//adev/src/assets/images/v21-event:v21-event-images", + "//adev/src/assets/images/v22-event:v22-event-images", "//adev/src/assets/others", "//adev/src/assets/previews", "//adev/src/assets:tutorials", diff --git a/adev/angular.json b/adev/angular.json index 018db2f5e94..8c05efc6034 100644 --- a/adev/angular.json +++ b/adev/angular.json @@ -31,7 +31,8 @@ "src/robots.txt", "src/llms.txt", "src/assets", - "src/assets/images/v21-event" + "src/assets/images/v21-event", + "src/assets/images/v22-event" ], "styles": ["@angular/docs/styles/global-styles.scss", "./src/local-styles.scss"], "scripts": [], diff --git a/adev/src/app/features/home/home.component.html b/adev/src/app/features/home/home.component.html index 3dfd304b791..0af7560ddfd 100644 --- a/adev/src/app/features/home/home.component.html +++ b/adev/src/app/features/home/home.component.html @@ -3,9 +3,9 @@
- -

Angular v21 is here!

-

🕹️ Start your adventure

+ +

Angular v22 is here!

+

⚡ Explore what's new
diff --git a/adev/src/app/routing/navigation-entries/index.ts b/adev/src/app/routing/navigation-entries/index.ts index a5269e15694..c021ea7f279 100644 --- a/adev/src/app/routing/navigation-entries/index.ts +++ b/adev/src/app/routing/navigation-entries/index.ts @@ -1224,11 +1224,16 @@ export const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [ { label: 'Developer Events', children: [ + { + label: 'Angular v22 Release', + path: 'events/v22', + contentPath: 'events/v22', + status: 'new', + }, { label: 'Angular v21 Release', path: 'events/v21', contentPath: 'events/v21', - status: 'new', }, ], }, diff --git a/adev/src/assets/images/v22-event/BUILD.bazel b/adev/src/assets/images/v22-event/BUILD.bazel new file mode 100644 index 00000000000..e9d12619c93 --- /dev/null +++ b/adev/src/assets/images/v22-event/BUILD.bazel @@ -0,0 +1,14 @@ +load("@aspect_rules_js//js:defs.bzl", "js_library") + +package(default_visibility = ["//visibility:public"]) + +js_library( + name = "v22-event-images", + srcs = glob( + [ + "*.png", + "*.jpg", + ], + allow_empty = True, + ), +) diff --git a/adev/src/assets/images/v22-event/angular-v22-hero.png b/adev/src/assets/images/v22-event/angular-v22-hero.png new file mode 100644 index 00000000000..95d54bcb8f3 Binary files /dev/null and b/adev/src/assets/images/v22-event/angular-v22-hero.png differ diff --git a/adev/src/content/events/BUILD.bazel b/adev/src/content/events/BUILD.bazel index d4ffb51e954..c81546abb72 100644 --- a/adev/src/content/events/BUILD.bazel +++ b/adev/src/content/events/BUILD.bazel @@ -8,6 +8,7 @@ generate_guides( ]), data = [ "//adev/src/assets/images/v21-event:v21-event-images", + "//adev/src/assets/images/v22-event:v22-event-images", "//adev/src/assets/others:angular-v21-release.ics", "//adev/src/content/examples", ], diff --git a/adev/src/content/events/v22.md b/adev/src/content/events/v22.md new file mode 100644 index 00000000000..18ec2ae2aa5 --- /dev/null +++ b/adev/src/content/events/v22.md @@ -0,0 +1,32 @@ +# Angular v22: Rock solid foundation for building what's next for the web + +![A digital illustration styled like a vintage postcard with a thin white border. The top left features the words "Welcome to" written in a cursive, yellow script font. The main focus is a large, brown rocky mountain in the center. Imposed on the mountain face is a 3D white text block reading "Angular V22" along with the Angular logo icon. Dense pine trees in shades of green, yellow, and grey line the foreground at the base of the mountain. A winding path trails up the right side of the mountain, and a few birds fly in the sunset-colored purple and orange sky.](assets/images/v22-event/angular-v22-hero.png {loading: 'eager', fetchpriority: 'high'} 'Angular v22 Hero Image') + +Angular v22 is ready for you to build modern, high-performance web applications. This release introduces key stabilization updates, template enhancements, and API improvements: + +- **Stabilized APIs**: Signal Forms, Asynchronous Signals, and Angular Aria are now stable, offering a production-ready reactive foundation. +- **Template enhancements**: New template features streamline development, improve ergonomics, and enhance code clarity. +- **API improvements**: Core APIs have been updated for better performance, simpler syntax, and more robust typing. +- **Angular AI integration**: Streamlined support and updates for AI-driven development workflows. + +## Key resources + + + + Discover all the major features, community updates, and design decisions behind Angular v22. + + + Review the detailed, commit-by-commit list of new features, bug fixes, and breaking changes. + + + Get instructions on how to update your project to Angular v22. + + + +## Developer event + +The v22 release video will be launching soon, [so tune in to the Angular YouTube Channel Friday, June 5 @ 9 AM Pacific](https://goo.gle/angular-v22-yt). + +In the meantime, you can watch the Angular v21 Developer Event: + +