Skip to content

This repo is to explains Angular signals and real time examples how to create and update signals, use effects, convert from observable and create computed values. It includes the angular signal demo with multiple scenario...

Notifications You must be signed in to change notification settings

sonusindhu/angular-signals-examples

Repository files navigation

🎯 Angular Signals Examples

Angular TypeScript Live Demo License: Unlicense

πŸš€ A comprehensive collection of Angular Signals examples showcasing modern reactive programming

Master Angular's revolutionary signal system with 50+ real-world examples covering signals, linked signals, resource API, and defer blocks

🌟 View Live Demo


πŸ“š Category Documentation

Each major example category has its own dedicated README with detailed examples and explanations:

Jump into any category above to explore all the examples and details!


⚑ Quick Start

  1. Clone the repository:
    git clone https://github.com/sonusindhu/angular-signals-examples.git
    cd angular-signals-examples
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm start
    The app will be running at http://localhost:4200

πŸ› οΈ Development

  • Build for production:
    npm run build
  • Run unit tests:
    npm test
  • Lint and format code:
    npm run lint
    npm run format
  • Scaffold new components/services:
    ng generate component my-component
    ng generate service my-service

For more details, see the Angular CLI documentation.


🀝 Contributing

We welcome contributions! To contribute:

  • Follow the project structure:
    • Place new examples in the correct category folder under src/app/examples/ (e.g., signal, linked-signal, etc.).
    • Update the relevant category README.md with your example and description.
    • Keep new features/components modular, using their own files or folders as needed.
  • Update documentation:
    • If your change affects usage or structure, update the main or category README accordingly.
  • Run lint and tests:
    • Before submitting, run npm run lint and npm test to ensure code quality and passing tests.
  • Open a Pull Request:
    1. Fork the repository
    2. Create a feature branch (git checkout -b feature/my-feature)
    3. Commit your changes (git commit -m 'Add my feature')
    4. Push to your branch (git push origin feature/my-feature)
    5. Open a Pull Request with a clear description of your changes

You can help by improving documentation, adding new examples, or fixing bugs. Thank you for contributing to Angular Signals Examples!


πŸ“„ License

This project is released into the Public Domain. You can use it anywhere, for any purpose, without any restrictions.


🌟 Show Your Support

If this project helped you, please consider giving it a ⭐!

⬆ Back to Top

Made with ❀️ by Sonu Sindhu


About

This repo is to explains Angular signals and real time examples how to create and update signals, use effects, convert from observable and create computed values. It includes the angular signal demo with multiple scenario...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •