Angular Rocks

Angular Rocks

All things Angular podcast 🎙 by Aliaksei Kuncevič.

Episodes

August 10, 2022 47 min

RxJS (Reactive Extensions for JavaScript) is a complex and very interesting topic. The Rx (Reactive Extensions), originating from Microsoft, has been around for a very long time migrating from one platform to another. These days every programming language has its own native implementation of Rx. This episode is fully dedicated to RxJS.

In this episode we are discussing:

  • What is RxJS and what problem does it solve?
  • Ben’s personal story...
  • Mark as Played

    There is a lot of buzz around reactivity and reactive programming these days.

    All reactive Angular API is built on top of RxJS library so there is a lot of reactivity built-in within Angular.

    What do you think, should Angular have First-class RxJS support, should it be optional or may be Angular should support both options?

    Lets discuss   👉 Twitter thread

    Links
    The RxJS library

    Proposal: Input as Observable 


    Angular Getting Star...

    Mark as Played

    Component is the central piece in Angular. Sometimes you want to generalize a particular component, to make it shareable across your application or to move into a custom component library to share it around multiple applications. It is important to understand how to approach shareable components in your particular use-case.

    In this episode we are discussing:

  • Components and Components composition
  • Shared folder, Shared library, ngModule...
  • Mark as Played

    Web Components are also known as Custom Elements.

    Custom Element is a web standard for defining new HTML elements in a framework-agnostic way.

    There are a set of different techniques that allow you to build Web Components or Custom Elements.

    Being an Angular Developer you can easily get into Web Components by using Angular Elements.

    Links:

    Web Components

    Can I use Web Components

    Polymer

    Lit

    Polymer vs Lit
    Angular Elements

    Angular Self-Paced...

    Mark as Played
    July 21, 2021 45 min

    I split up the developer tools into multiple categories 

  • Development and productivity
  • Debugging
  • Performance
  • Testing
  • In this episode we discuss each category in details as well as answering the following questions:


    Why do we need developer tools?
    Can you imagine a dev life without modern tooling?
    What are the modern Tools for Angular developers?
    How to debug a memory leak?


    Also we talk about some cool insights about what Angular Team is worki...

    Mark as Played
    July 14, 2021 2 min

    Every time you scaffold a new project with Angular CLI ng new command, the CLI, by default, produces an Angular CLI workspace for that project. 

    In some cases when you are working on multiple Angular projects under the same solution you may want to try out a Multi-project Workspace. This approach is also suitable for many enterprise projects.

    ng new my-solution --create-application false
    cd my-solution

    ng g application my-app

    ng g libra...

    Mark as Played

    Change Detection is a mechanism built into Angular that allows Angular to decide what actions to be performed when the state of the app changes. Most of the time developers do not have to deal with change detection manually.

    In this episode we are talking about a quick history of change detection and what problem it solves. We also discuss change detection strategies, when you should tap in to change detection manually and tips and ...

    Mark as Played

    Angular is continuously evolving together with the entire web ecosystem.

    Therefore, it is a recommended best practice to keep up your Angular projects up to date with the latest Angular version.

    In this episode, you will learn why updating to a new Angular version is a good idea. Also, I will provide some tips that will help you to achieve that.

    Links:

    Angular versioning and releases
    Angular update guide
    Deprecated APIs and features
    ng u...

    Mark as Played
    June 23, 2021 24 min

    Animation is a great solution to improve the application experience.

    You can add animations to your web applications using CSS animations, browsers web animations API or by using third-party libraries.

    Juan talking bout different aspects of animations, how it works and how to get started.

    Links
    angular.io/guide/animations
    auth0.com/blog/get-better-angular-ux-using-animation-techniques
    indepth.dev/posts/1285/in-depth-guide-into-animations...

    Mark as Played
    June 16, 2021 3 min

    These days, people use different devices to access the web. Therefore, every web application should be adapted to all screen sizes.

    Responsive Design is a technique that allows screens to adjust to different sizes accordingly.

    There are a few techniques to make your Angular Apps responsive. You can choose from several libraries specifically built for that purpose or just do plain CSS by writing CSS Media Queries.

    Lets discuss that  &#...

    Mark as Played

    Angular Material is the most popular UI library available for Angular. It contains a set of high-quality components implementing Google Material Design specification, built by the Angular Team.

    Think of Angular Material as a foundation that you can use to build your own custom components.

    Jeremy touched on a quick history about Angular Material, its continuous evolution and what to expect in the future.

    Links
    material.angular.io
    guides

    M...

    Mark as Played
    June 2, 2021 2 min

    CDK stands for Component Development Kit. CDK is something that not every Angular developer knows about.

    CDK contains a set of building blocks for creating your own UI components that could be great foundation for your custom components of any sort or a custom component library.

    Links
    Angular CDK

    Mark as Played

    Angular has been around for many years now.  There are a lot of decisions that were made within the Angular team that made Angular so successful today.

    AngularJS referring to v1 - the first version of the framework
    Angular referring to v2 and up, which is the new modern framework which is completely different to AngularJS

    This time Miško Hevery, the creator of Angular will tell about Angular history and share insights on his journey w...

    Mark as Played

    Component communication is the most common challenge developers face building single page applications.

    There are several techniques that you can use to approach components communication building Angular applications.

    In this episode I am discussing basic component communication techniques.

    Links
    Inputs and Outputs

    Async Pipe
    Reactive Services Technique
    Rx-service

    Mark as Played

    Angular router solves a lot of problems in client facing single-page web applications.

    The router helps to control the page content by dynamically displaying the components without a need to request pages from the server. 

    Without an Angular router the user navigation experience in Angular application would be hard to achieve.

    Links
    Angular Router
    Revisiting a Reactive Router with Ivy

    People mentioned
    Mike Ryan
    Brandon Roberts
    Victor Savk...

    Mark as Played
    May 5, 2021 3 min

    Have you ever asked yourself the following question, what is the best way to structure an Angular application?

    In this episode you will find out why you should care about the folder structure and what are the benefits of the proper folder structure.

    Links
    Feature modules

    Mark as Played
    April 28, 2021 27 min

    Error handling is a fundamental part of any real-world web application.

    In this episode, you will find everything you need to know about error handling in Angular and more.

    Fun fact: That is literally the first ever episode of Angular Rocks, recorded on 21 Jan 2021

    Links

    Error Handler Class
    Angular Errors List
    Angular Debugging Guides
    Best practices for Error handling in Angular

    People mentioned
    David Herges

    More from Michael
    Twitter
    Blog

    Alia...

    Mark as Played
    April 21, 2021 3 min

    Every real-world web application has to communicate with backend API.

    Developers building web applications with Angular usually interact with the backend API using HttpClient.

    In this episode I am explaining the basic HttpClient features and HTTP methods.

    Links

    Angular HttpClient
    HTTP Methods
    Top 10 ways to use Interceptors in Angular



    Mark as Played

    Dependency Injection is a design pattern that creates objects and provides them to consumer classes that depend on those objects.

    Dependency Injection is widely used in Angular.

    In this episode you will find everything you need to know about Dependency Injection and how it works in Angular

    Links
    Dependency Injection
    Dependency Injection YouTube Series by Dmytro Mezhenskyi

    More from Dmytro
    Twitter
    YouTube
    Blog

    Aliaksei's mailing list
    kunc...

    Mark as Played
    April 7, 2021 3 min

    Lifecycle hooks allow you to tap into the Angular lifecycle events to get more control.


    In this episode I am explaining the nature of lifecycle hooks in Angular and walking through the essential lifecycle hooks like ngOnInit and ngOnDestroy. 


    Links

    Angular Lifecycle Hooks

    Mark as Played

    Popular Podcasts

      Current and classic episodes, featuring compelling true-crime mysteries, powerful documentaries and in-depth investigations.

      Crime Junkie

      If you can never get enough true crime... Congratulations, you’ve found your people.

      The Piketon Massacre

      The most notorious mass murder in Ohio’s history happened on the night of April 21, 2016 in rural Pike County. Four crime scenes, thirty-two gunshot wounds, eight members of the Rhoden family left dead in their homes. Two years later a local family of four, the Wagners, are arrested and charged with the crimes. As the Wagners await four back-to-back capital murder trials, the KT Studios team revisits Pike County to examine: crime-scene forensics, upcoming legal proceedings, and the ties that bind the victims and the accused. As events unfold and new crimes are uncovered, what will it mean for all involved? What will it mean for Pike County?

      Morbid

      It’s a lighthearted nightmare in here, weirdos! Morbid is a true crime, creepy history and all things spooky podcast hosted by an autopsy technician and a hairstylist. Join us for a heavy dose of research with a dash of comedy thrown in for flavor.

      Stuff You Should Know

      If you've ever wanted to know about champagne, satanism, the Stonewall Uprising, chaos theory, LSD, El Nino, true crime and Rosa Parks then look no further. Josh and Chuck have you covered.

    Advertise With Us

    For You

      Music, radio and podcasts, all free. Listen online or download the iHeart App.

      Connect

      © 2022 iHeartMedia, Inc.