DEV Community

Cover image for Episode 23/17: Twitter Space on the Future of Angular, Tiny Conf
ng-news
ng-news

Posted on

Episode 23/17: Twitter Space on the Future of Angular, Tiny Conf

We had a Twitter Space discussing several concerns with the latest additions in Angular. The Angular Tiny Conf with 25 talks took also place.

Future of Angular

Daniel Glejzner hosted a Twitter space where his guests discussed the future of Angular.

The discussion quickly turned into an exchange of concerns like the future role of RxJs and whether the migration to Signals might cause issues. Especially, when the component tree is a mix of the old and new styles. Another concern was that with all these new features, Angular might lose its opinionated character.

Alex Rickabaugh and Mark Thompson from the Angular team were also guests in that discussion. Alex pointed out that change needs to happen but also noted that maybe a clearer communication on what should be preferred is important to the community.

Alex also clarified the rumour that we might get functional components. There are currently no plans for that. At the moment, it is all about adding reactivity in the form of Signals.

https://twitter.com/i/spaces/1lPKqBkRwbbGb

RxJs and Signals Interoperability

There was also an interview with Ben Lesh, the maintainer of RxJs. At the Angular Plus Show, he discussed the differences between RxJs and Signals.

S5E9 | RxJs and Signals Interoperability in Angular with Ben Lesh

Signals are coming to Angular! So what does that mean for RxJs? In this episode we invite Ben Lesh to get his take on what the Signals story means for RxJs and Angular. How can Signals and RxJs work together, when one might be the better tool, and what bad patterns should developers watch out for as they begin to implement Signals in their code. Learn more about https://linktr.ee/benlesh Find us and our guests on twitter: https://twitter.com/BenLesh The Angular Plus Show (https://twitter.com/AngularSho

favicon spreaker.com

Angular Tiny Conf

We also had the Angular Tiny Conf, an Angular conference, with a huge range of different topics.

The live stream is available on YouTube.

It was a marathon and lasted almost 12 hours, had about 25 talks, with each one taking around 20 minutes.

Content about Performance

We also got new content about performance optimisation. First, Michael Hladky published an article that can serve as a template for performance audits.

Observable HQ Performance Audit – Tips and Experiences

For your improved performance audit: Audit document, tips to structure data and text, written thought processes and methodology all in one.

favicon push-based.io

Second, Enea Jahollari published an article about lazy-loading services where he built upon the work of Younes Jaadi.

Lazy-Loading in general was also the topic at the latest Angular Master Podcat with Voytech Masek.

New Releases

Other than that, Cypress, a testing framework, was updated to 12.11. It added support for component testing in Angular 16.

Another testing framework, namely Playwright, had a minor version update to 1.33. The locator, which is the selector, supports no an or condition.

GitHub logo microsoft / playwright

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

🎭 Playwright

npm version Chromium version Firefox version WebKit version

Documentation | API reference

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable and fast.

Linux macOS Windows
Chromium 120.0.6099.5
WebKit 17.4
Firefox 119.0

Headless execution is supported for all browsers on all platforms. Check out system requirements for details.

Looking for Playwright for Python, .NET, or Java?

Installation

Playwright has its own test runner for end-to-end tests, we call it Playwright Test.

Using init command

The easiest way to get started with Playwright Test is to run the init command.

# Run from your project's root directory
npm init playwright@latest
# Or create a new project
npm init playwright@latest new-project
Enter fullscreen mode Exit fullscreen mode

This will create a configuration file, optionally…

Nx, an alternative to the Angular CLI, was released with a new major 16. And no, it doesn't contain Angular 16 yet.

GitHub logo nrwl / nx

Smart, Fast and Extensible Build System

Nx - Smart, Fast and Extensible Build System

CircleCI License NPM Version Semantic Release Commitizen friendly Join the chat at https://gitter.im/nrwl-nx/community Join the Official Nx Discord Server


Smart, Fast and Extensible Build System

Nx is a next generation build system with first class monorepo support and powerful integrations.

A few links to help you get started:

Nx - Smart, Fast and Extensible Build System

Engage with the Core Team and the Community

Want to help?

If you want to file a bug or submit a PR, read up on our guidelines for contributing and watch this video that will help you get started.

Nx - How to contribute video

Core Team

Victor Savkin Jason Jean Benjamin Cabanes Jack Hsu
Victor Savkin Jason Jean Benjamin Cabanes Jack Hsu
vsavkin FrozenPandaz bcabanes jaysoo
Jo Hanna Pearce Jon Cammisuli Isaac Mann Juri Strumpflohner

Top comments (0)