https://github.com/sdras/signals-demo

⚡️ A small demo site to explain some of the cool things Signals-based reactivity does in Angular
https://github.com/sdras/signals-demo

angular angular-signals demo reactivity signals

Last synced: 6 months ago
JSON representation

⚡️ A small demo site to explain some of the cool things Signals-based reactivity does in Angular

• Host: GitHub
• URL: https://github.com/sdras/signals-demo
• Owner: sdras
• Created: 2023-02-20T16:57:14.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-19T18:33:39.000Z (almost 3 years ago)
• Last Synced: 2025-07-04T15:37:03.606Z (6 months ago)
• Topics: angular, angular-signals, demo, reactivity, signals
• Language: HTML
• Homepage: https://angular-signals.netlify.app/
• Size: 664 KB
• Stars: 142
• Watchers: 4
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular Signals Demo

This little explainer serves as a visual explainer for some of the concepts Angular is interested in discussing with the introduction of Signals-based reactivity. Though Signals are not a new concept in the framework space, these differ radically both in terms of public API as well as behavioral details (such as eager vs lazy computation, batching behavior, equality, cleanup, nesting, etc).

Demo site: [https://angular-signals.netlify.app/](https://angular-signals.netlify.app/)

If you're interested in being part of the discussion, please join us in our discussion space for our RFC!

[https://github.com/angular/angular/discussions/49090](https://github.com/angular/angular/discussions/49090)

![Angular Signals Demo](https://i.ibb.co/tKfJ7WK/signals-og.jpg)

And here is a stackblitz that allows you to [play around with this initial version](https://stackblitz.com/edit/angular-ednkcj?file=src%2Fmain.ts), compliments to Enea Jahollari.



  



---

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0-rc.2.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.