ngIndia Wrapup - 17 talks
Intelligent Frontends: Angular and Transformers.js
Discover how Transformers.js enables Angular applications to deliver advanced AI capabilities directly in the browser, enhancing user experiences with powerful features.
Learn how to implement AI without relying on servers, ensuring privacy, speed, and scalability.
Through practical examples, we’ll explore how to seamlessly integrate these capabilities into your Angular apps. Achieve more with AI-powered features that take your projects to the next level.
Intelligent Frontends - Angular and Transformers.js - Speaker Deck
angular-is-all-you-need.pdf - Speaker Deck
Hidden gems in Angular: hybrid rendering, new routing features, and beyond
Explore the lesser-known but highly impactful features of Angular, including hybrid rendering, powerful approach that combines prerendering and server-side rendering for optimal performance and SEO.
Dive into modern routing improvements like default-exported components and route-specific providers that simplify development while enhancing modularity. This talk will equip you with actionable insights and practical examples to take your Angular applications to the next level, whether you are re building static sites, dynamic dashboards, or complex enterprise solutions.
https://docs.google.com/presentation/d/1MY1k-iSZD-wKK_jnxFUPRjYsHtSed5K0IQSi6dszuQA/edit#slide=id.g304d324dd3c_0_36
Learn about all key features of Angular 20 and futute of modern Angular development
https://push-based.io/event/keynote-learn-about-all-key-features-of-angular-20-and-future-of-modern
Micro Frontends: Necessity, Implementation, and Challenges
Micro Frontends are a hot topic, promising an architecture where multiple teams can work independently on a single application, making their own technical choices while remaining isolated from each other. Sounds ideal, right?
But it’s worth considering the trade-offs. While Micro Frontends offer unique benefits, they also introduce overhead and can come with unexpected challenges.
In this talk, I’ll provide an honest overview of the technical possibilities , along with the pros and cons of each approach. You’ll learn about iFrame integration, Web Components, Native & Module Federation, and see these techniques in action.
For some, Micro Frontends are a no-go; for others, they’re an option or even an absolute necessity. By the end of my talk, you should know which group you belong to.
Micro Frontends: Necessity, Implementation, and Challenges - Speaker Deck
Angular Signals - Zero to One
Signals have become the buzzword among Angular developers, redefining how reactivity is managed in modern applications. At its core, an Angular Signal is a wrapper around a value that notifies its consumers whenever the value changes. It introduces a new, intuitive way to propagate changes through templates and the component tree, providing a way for Local Change Detection or Synchronisation .
This talk offers a concise introduction to Angular Signals and the core functions that power them:
signal()
computed()
effect()
We’ll explore how these functions form the foundation of modern Angular applications and demonstrate their use in real-world scenarios, such as:
* Passing data between parent and child components.
* Sharing data between unrelated components
* Integrating Signals with APIs for seamless data handling.
* Leveraging newer functions like resource and rxResource for enhanced reactivity.
Whether you are new to Signals or looking to deepen your understanding, this foundational session will prepare you for further deep-dive sessions on the signals.
Angular Signal Zero to One : ng-India 2025 - Speaker Deck
Build on top of Signals
Angular Signals are a game-changer. But we can go even further.
This talk unveils how to build powerful utility functions, leveraging inject and DestroyRef to supercharge your Signals. Learn how to create reusable reactive patterns, simplify your code, and embrace a new "synchronization" mindset that optimizes performance.
Prepare to level up your Angular development with the building blocks of the future!
https://push-based.io/event/build-on-top-of-signals
Event-Based State Management with NgRx SignalStore
Event-driven architecture adds a layer of indirection that enhances decoupling, improves data flow predictability, and supports the scaling of complex systems.
While SignalStore does not natively support an event-based model, its flexible and highly extensible design opens the door to integrating various functionalities and applying diverse state management patterns.
In this talk, we will explore how event-driven principles can be used with SignalStore to enhance and scale the state management layer in complex Angular applications.
https://github.com/markostanimirovic/ngrx-signals-events-prototype
[NG India] Event-Based State Management with NgRx SignalStore - Speaker Deck
Long term success of your Angular projects with automated architecture validation
Learn how to architect a brand new or improve an existing enterprise grade Angular application with a bulletproof ESLINT based automated architecture validation to guarantee that Your project stays maintainable, extendable and therefore allows you and your team to deliver consistently and with high velocity over the entire project lifetime!
20250412_angular_architecture_validation_ngindia_25 - Google Slides
Angular Best Practices
New httpResouce API: Don’t need httpClient anymore?
NG India 2025 - Angular's new httpResource API - Google Slides
Optimizing App Performance with @defer
In app development, you often have components that are not immediately needed—like content below the visible screen or complex features that users interact with later. Instead of loading everything at once, you can delay loading these parts using deferrable views, also known as @defer blocks.
This approach makes your app load faster by reducing the size of the initial bundle, improving performance metrics like Largest Contentful Paint (LCP) and Time to First Byte (TTFB).
Join this talk to explore Angular new @defer feature and learn how it can enhance your app’s speed and user experience!
shweta-ngIndia-defer.pptx - Google Slides
From SSR to Client-Side: The Power of Incremental Hydration
Angular Server-Side Rendering (SSR) significantly improves load times and SEO, but the transition to client-side rendering can still be slow.
Incremental Hydration is a powerful technique that speeds up this process by hydrating only the necessary parts of the app as the user interacts with it, rather than all at once. In this lightning talk we’ll explore how incremental hydration impacts application performance and how you can leverage the latest features to your advantage.
https://kasiabiernat.github.io
Presentation-Hyland-FINAL.pptx - Google Slides
signal based model input in Angular
Angular signal based model input for component communication
Bridging the Gap: Enhancing Communication Between Engineers, Developers, and Customers
Virtual Views- Rendering What Matters, When It Matters
A large number of DOM elements can significantly impact performance, leading to slow performing applications.Mobile users especially operate on limited hardware with smaller viewports. Most of the app contents are hidden below the fold. So why render them at all?
Virtual scrolling has long been a cornerstone of optimizing large lists and data-heavy applications, but it is not without its limitations.
This talk will introduce you to a more versatile solution for rendering only what matters, when it matters - RxAngulars Virtual View Directive.
Takeaways
*How and why large amounts of DOM negatively impact INP
*The main principles of virtual scrolling
*The key differences between virtual scrolling and virtual views, and why this new approach is better suited for certain scenarios
*Practical tips for integrating virtual views into your projects, with real-world examples that demonstrate its versatility and performance benefits
https://push-based.io/event/virtual-views-rendering-what-matters-when-it-matters
NG India 2025 - Rendering What Matters - When It Matters - Google Slides
Instant Navigation in Angular Applications
Users spend 90% of their time interacting with applications after they load, but most developers just focus on speeding up the initial load.
In this talk we will go beyond initial loading strategies, and make future navigation feel instant by predicting what users might click on next and loading those parts ahead of time.
We will use real applications to see how to implement speculative loading techniques and how you can measure the improvement with soft navigation largest contentful paint (LCP).
Finally we will demonstrate how you can convert a 2 second navigation into less than 100 milliseconds using the Intersection Observer API, the Angular router and HTML link tags.
Takeaways
Attendees will learn about the soft navigations and how that is about to change the way we measure performance on SPAs. Then they will learn an optimization framework to optimize their own applications using techniques inspired by the Speculative Rules API. They will see through an example that this can improve user experience and future navigations making them feel instant.
NgIndia | Instant Navigation SPAs - Google Slides
Local and Zoneless Change Detection
In modern web development, achieving efficient, scalable, and reactive applications is paramount. Traditional change detection strategies often rely on Angular Zone.js , while powerful, can introduce performance bottlenecks and complexity in large-scale applications.
This talk dives into the evolution of change detection, exploring how local and zoneless change detection strategies are transforming the way we synchronize state and update views.
We will unravel the mechanics behind these approaches, demonstrate their impact on performance optimization, and showcase practical use cases.
Join us to discover the concept of synchronization and how you can architect applications to thrive in the new angular era
https://slides.com/pankajparkar/local-and-zoneless-change-detection#/1
Follow Us for Updates & More
Let’s stay connected across all platforms!
Instagram: @angular_development
Facebook: Learn Angular
Software Dev: TopMate.io
Threads: @angular_development
LinkedIn: InfoWeb Technologies
Training Portal: Beginner to Pro Training
Newsletter: CodeForWeb Substack
Pinterest: Tech Nerd Life
Portfolio: InfoWeb Technologies
Projects: Next Generation Projects
📧 For business inquiries:
Feel free to contact us at softwaredeveloper321@protonmail.com