angular-realworld-example-app
Angular
angular-realworld-example-app | Angular | |
---|---|---|
4 | 700 | |
5,095 | 94,710 | |
0.8% | 0.5% | |
6.5 | 10.0 | |
about 2 months ago | 3 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
angular-realworld-example-app
-
Angular Project Ideas For Beginners 2022
Angular real-world example app
-
Codebase that shows how Angular should be done?
Real world application is the new “TODOMVC” demo project per framework. Even cypress has a demo repo on it. Here’s one for angular: https://github.com/gothinkster/angular-realworld-example-app
- Looking for an Angular project on GitHub
-
Example of "good" Angular on github
Ultimate - https://github.com/gothinkster/angular-realworld-example-app and they have other examples in different frameworks. You’re welcome.
Angular
-
Angular Signals, Reactive Context, and Dynamic Dependency Tracking
/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
- Episode 24/15: Wiz behind the curtain, Copilot in VSCode
-
Always unsubscribe. No exceptions. Debate closed.
source: https://github.com/angular/angular/issues/46542
-
Angular Signals: Best Practices
Besides the dangers, mentioned by Angular docs (infinite loops, change detection errors), there is another thing, that might be quite nasty: effects are executed in a reactive context, and any code you call in effect, will be executed in a reactive context. If that code reads some signals, they will be added as dependencies to your effect. Here Alex Rickabaugh explains the details.
-
Understanding control flow syntax in Angular 17
In June 2023, the Angular team raised a new RFC to implement control flow syntaxes within Angular. They gave the following rationale for introducing control flow syntax:
- Episode 24/09: Testing without TestBed, SSR & Hydration
-
Preparing our Code for Zoneless Angular
For scheduling, I use awesome code I found in the Angular source code.
-
⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo
Just to give you more context, I led the migration of several AngularJS applications to the newer Angular Framework. My client finally decided to make that move following the AngularJS deprecation announcement (stay up to date please 🙏)️.
-
Conventional commit specification
Link — angular/CONTRIBUTING.md
-
Angular Control Flow: the complete guide
Angular v17 was released some months ago with a ton of new features, a brand new logo and the new blog angular.dev.
What are some alternatives?
angular-ngrx-nx-realworld-example-app - Real world application built with Angular 17, NgRx 17, nrwl/nx 17
Next.js - The React Framework
generator-ngx-rocket - :rocket: Extensible Angular 14+ enterprise-grade project generator
qwik - Instant-loading web apps, without effort
spectator - 🦊 🚀 A Powerful Tool to Simplify Your Angular Tests
SvelteKit - web development, streamlined
glitchtip-frontend
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
web - The website vault (vault.bitwarden.com).
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
angular-react-starter - Angular 17 & React 18 & Node Examples App starter
lit - Lit is a simple library for building fast, lightweight web components.