Subs are the ultimate vanity stat, and I hadn't really cared at all about the size of my channel for a *long* time now, but hitting 1 million has been more emotional than I'd expected.
Thank you to everyone who's watched and shared over the years. This never would have happened without all of you ❤️
Code snippet demonstrating the `toSorted()` method, showcasing sorting of arrays without mutating the original arrays.
JavaScript now has non-mutating array methods ✨
`toSorted()`, `toReversed()`, `toSpliced()`, and `with()` return new arrays instead of modifying the original.
No more [...arr].sort() to avoid side effects.
Learn more 👇
developer.mozilla.org/en-US/docs/...
#angular suggestion was made of having someone from VoidZero chat about the rust compiler.
That would be so cool, in fact having members from others tools in now and again would be fantastic e.g. someone from Vite, Gemini, Typescript etc.
Expresso is fine, please wait there until I arrive.
@marktechson.com this inline with the point you made on stream about the value of still learning about code.
Headline: "Angular Coding & Q/A Live Stream with Mark & friends". Featured Person: Mark Thompson stands with arms crossed, wearing a black Angular t-shirt and a gold chain, against a white and red background. Event Schedule: March 6th, 2025 @ 11am PT. Direct Link: goo.gle/ng-live. Logo: The Angular "A" shield is positioned in the bottom-left corner.
🎙️ Tune in NOW! The Angular Team is LIVE for the latest live stream.
Watch and join the discussion here: goo.gle/ng-live
Pros and Cons 🤷🏾♂️ but good to know.
Thinking outside the box 😂
@lmfinney.bsky.social
Thanks a bunch, there was a typo (the slash) but it did work when I used:
@let user = this.user();
Or were you just escaping the tag for bluesky?
Ah I missed that one, I'll give it a shot sometime to verify.
#angular
I've been struggling with this one for a while.
what do you name the variable that is used to unwrap a signal in the template with @let
With rxjs it would be
user = user$ (psuedo code)
With signals
@let user ???? = user();
Gorgeous
A dark-themed graphic titled "ngDiagram" with a green button labeled "INDUSTRIAL & TECHNICAL SCHEMATICS". The central image shows: Interface: A software window labeled "Demo project / Example" with a side toolbar containing icons for searching, filtering, and settings. Diagram: A detailed electronic circuit schematic on a grid background featuring various components such as resistors (R1, R3, R4), capacitors (C1, C4, C5), diodes (D1-D4), and an integrated circuit (IC1 TDA1083). Footer: Text at the bottom stating "Open source by Synergy Codes".
A promotional graphic for "ngDiagram," an open-source tool by Synergy Codes. The image features a dark-mode interface titled "WORKFLOW AUTOMATION BUILDER". Below the title is a visual flowchart on a dotted grid background. The flow starts with a highlighted green node labeled "Start Workflow (Event-based Trigger)," which connects to a "Check Client Source" conditional node. The path then splits into two actions based on the source: "Confirm Request" for a "Partner website" and "Notify Platform" for "Our website". Both paths converge into a final decision node labeled "Recurring Customer?".
A promotional graphic for "ngDiagram" featuring an organizational chart. The diagram shows corporate ownership structures between entities like "Alpha Group Holding," "Novatek Holding NV," and "Jordan Taylor," with percentage labels indicating ownership stakes.
A dark-themed, purple-tinted graphic titled "ngDiagram" with a green button labeled "AND MORE". The image displays a collection of potential use cases for the tool: Workflow Flowchart: A central, multi-step diagram showing nodes like "Economic details," "User statistics," and "Reports" connected by directional arrows. Global Statistics Dashboard: A card showing a large "74.3%" completion or status ring, with a table below listing parameters for Sales, Users, and Products across week, month, and plan cycles. Database Schemas: The bottom section features relational table diagrams for "countries," "users," and "merchants" showing data fields like ID, name, and country_code. UI Controls: Various floating buttons for actions like "Export," "Share," "Group," and "Add section" are visible throughout the layout. Footer: The bottom of the image states "Open source by Synergy Codes."
Workflow designers, visual rule engines, system architecture diagrams, low-code editors.
ngdiagram.dev is an open-source, Angular-native library built by Synergy Codes.
It’s a foundation for building custom visual tools in real-world Angular apps.
Check the GitHub: github.com/synergycodes...
#angular #npmx #tangled
This small service tracks loading states with labels. Set indicators manually or "watch" resources. Built using Signals (refined via Gemini), it’s open for use and PRs. A simple tool for specific use cases!
npmx.dev/package/@wam...
#angular
So when it comes to ExpressionChangedAfterItHasBeenCheckedError and signals what's the story, do we no longer need to worry about it?
🚀 New in #Angular DevTools
➕ Dependency Highlighting in Signal Graph
This small but practical addition improves clarity when analyzing signal relationships and debugging reactive flows.
Watch Now: youtu.be/L_ZcxKla9-o
Squoosh!
Wow, what was the motivation, just to see if it's possible
I'm loving the direction.
Did you know Jira is statistically the most fit software on the market? It's true because it is always... preparing for the next sprint.
Ng-News 26/07:
• @armenvardanyan.dev, Andrew Scott: router resources, RxJS, ngxtension, TypeScript/Go
• @younesjd.dev: Vitest browser mode
• @manfredsteyer.bsky.social: Hashbrown + AI in Angular
• #Angular Popularity
• Maximilian Schwarzmüller: 10 years of Angular
youtu.be/3oTeWPzVPtY
#angular @tangled.org
Simple Angular service to check if your screen size is "large" or "small"
Feel free to install, copy, critique or P.R.
www.npmjs.com/package/@wam...
#angular #typescript
Trying out typescript 6 in a newly generated Angular app, dev build.
With 5.9.2:
1.273 seconds
With 6.0.0-beta:
1.263 seconds
----
When I tried it on an app with a few more basic imports:
With 5.9.2:
1.311 seconds
With 6.0.0-beta:
1.268 seconds
CSS is starting to get up to some crazy stuff... (and I recoded this before @rebane2001.bsky.social posted their CSS x86! lyra.horse/x86css/)
In this one, I look at @css-only.dev's CSS Graph Theory - codepen.io/t_afif/pen/Y...
youtu.be/Y-3tPDZCk2o
Make sure to fill in your brackets!
#angular migrated another one:
tangled.org/did:plc:vhws...
Full link please
We are doing 2 live streams this week for our Live Coding Series. If you are interested in learning Angular join me and @ritviii as we build and talk about Angular on our live stream.
Join us and hangout in chat, let us know if you have any questions
#angular
If you work with multiple angular projects and sometimes struggling with running the different versions of the cli, rather use npm to start the project i.e.
npm run ng serve, it will use the local version rather than your global one.
