LogoGitHub Repo
Logo
HomeSignalLinkedSignalResource APIControl FlowDefer BlockAdvancedSignal Forms
GitHub Repo
HomeSignalLinkedSignalResource APIControl FlowDefer BlockSignal Forms

Resource Examples

Basic Resource Creation

Learn fundamental resource() patterns for reactive data management. Create your first resource with automatic loading states and error handling.

View Demo→
GitHub User Data with resource()

Fetch random GitHub user profiles using the resource API with real-time data. Demonstrates GitHub API integration with profile interactions and data display.

View Demo→
Real-Time Weather Resource

Fetches and displays real-time weather data for a selected city using a free public API. Demonstrates live resource() integration and error handling.

View Demo→

rxResource Examples

RxJS Resource Integration

Master rxResource() for powerful Observable-based data fetching. Combine RxJS operators with reactive resource management for advanced patterns.

View Demo→
rxResource with GitHub Repositories

Use rxResource to fetch GitHub repository data with observables and display them in an interactive grid layout. Real-world API integration with reactive patterns.

View Demo→
Country Info with rxResource

Fetch and display live country information (name, capital, region, population, flag) using rxResource and the REST Countries API. Select a country to view its details in real time.

View Demo→

httpResource Examples

Pagination with httpResource

Discover httpResource() with pagination functionality using dynamic parameters for fetching paginated todo data. Modern approach to data navigation.

View Demo→
httpResource with Chuck Norris API

Use httpResource to fetch random jokes from an external API with simple URL-based resource loading. Demonstrates clean API integration and error handling.

View Demo→
Country Info with httpResource

Fetch and display live country information (name, capital, region, population, flag) using httpResource and the REST Countries API. Select a country to view its details in real time.

View Demo→

About

Sr. Lead Engineer specializing in Angular, React, Node.js, and PHP. Passionate about creating modern web applications and sharing knowledge through open-source projects and examples.

Portfolio

  • Personal Website
    Portfolio, blog, and contact
  • LinkedIn
    Professional profile & network

Project

  • GitHub Repository
    Source code & documentation
  • Live Demo
    Try the app online
© 2025 Sonu Sindhu. All rights reserved.
Built with Angular 20