Log in

goodpods headphones icon

To access all our features

Open the Goodpods app
Close icon
headphones
Angular Rocks

Angular Rocks

Aliaksei Kuncevič

All things Angular podcast šŸŽ™ by Aliaksei Kuncevič.
bookmark
Share icon

All episodes

Best episodes

Top 10 Angular Rocks Episodes

Goodpods has curated a list of the 10 best Angular Rocks episodes, ranked by the number of listens and likes each episode have garnered from our listeners. If you are listening to Angular Rocks for the first time, there's no better place to start than with one of these standout episodes. If you are a fan of the show, vote for your favorite Angular Rocks episode by adding your comments to the episode page.

Angular Rocks - Reactive Angular

Reactive Angular

Angular Rocks

play

08/11/21 ā€¢ 2 min

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 Started Workshopngstart.dev

Aliaksei's mailing list
kuncevic.dev

bookmark
plus icon
share episode
Angular Rocks - Designing Reusable Components with Tomas Trajan
play

08/04/21 ā€¢ 48 min

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, ngModules
  • Template context
  • Custom component libraries
  • Designing components for scale
  • Best practices, tips and tricks and common pitfalls

Articles

Custom Angular Component Library (Best practices)
Angular Library Architecture (sub-entries)
Angular Application Architecture

More from Tomas
Twitter

Github
WebsiteOmniboard

Angular Self-Paced Workshops from Aliaksei

ngstart.dev

bookmark
plus icon
share episode
Angular Rocks - Web Components and Angular Elements
play

07/28/21 ā€¢ 4 min

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 Workshops from Aliaksei

ngstart.dev

bookmark
plus icon
share episode
Angular Rocks - Developer Tools with Minko Gechev
play

07/21/21 ā€¢ 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 working on right now to improve the Angular developer experience even more.

Tools

Angular CLI
Angular language service (vscode extension)
Codelyzer
Prettier
Ngrev
Angular state inspector (chrome extension)
Angular DevTools (chrome extension)
Jest
Cypress

People mentioned
Misko Havery
John Papa

Ward Bell

Alan Agius
Douglas Crockford

More from Minko

Twitter

Blog

Angular Self-Paced Workshops from Aliaksei

ngstart.dev

bookmark
plus icon
share episode
Angular Rocks - Angular multi-project workspace
play

07/14/21 ā€¢ 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 library my-shared-library

Links
Multi-project workspace

Angular Getting Started Workshopngstart.dev

Aliaksei's mailing list
kuncevic.dev

bookmark
plus icon
share episode
Angular Rocks - Angular Change Detection with Wassim Chegham
play

07/07/21 ā€¢ 39 min

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 tricks.
People mentioned

John Papa

Misko Hevery

Elon Musk

Twitter Discussion
Angular Change Detection Edge Cases
Links
Angular Change Detection InfographicChangeDetectorRef
ApplicationRefNgZone

More from Wassim
Twitter

Blog

Website

Aliaksei's mailing list
kuncevic.dev

bookmark
plus icon
share episode
Angular Rocks - Keeping Angular Projects Up To Date
play

06/30/21 ā€¢ 2 min

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 update
Angular, Angular CLI, NodeJS compatibility list
Angular CLI diff

bookmark
plus icon
share episode
Angular Rocks - Animations with William Juan
play

06/23/21 ā€¢ 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-in-angular
williamjuan027.github.io/angular-animations-explorer

Popmotion
lottie
Tailwind

More from Juan
Twitter
Website

bookmark
plus icon
share episode
Angular Rocks - Responsive Design

Responsive Design

Angular Rocks

play

06/16/21 ā€¢ 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 šŸ‘‰ Twitter thread

Links
Angular Flex Layout
Angular CDK Layout
Tailwind Responsive Design
Bootstrap Layout Utilities
CSS Media Queries

Twitter Pool
Angular Flex Layout / CDK vs Tailwind / Bootstrap Utilities vs Media Queries

bookmark
plus icon
share episode
Angular Rocks - RxJS with Ben Lesh

RxJS with Ben Lesh

Angular Rocks

play

08/10/22 ā€¢ 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 with RxJS and how it all started
  • A quick history or RxJS
  • What companies are using RxJS and how does it help them?
  • RxJS and Angular (RxJS on Google scale)
  • Reactive Programming and how RxJS related to that.
  • RxJS vs another Reactive Programming libraries (BaconJS, KefirJS, etc)
  • Observable vs promise
  • When to use observables, when to use promise
  • Tips and tricks for newcomers
  • What is the future of RxJS
  • Observable TC39 proposal
  • Observables as a part of ECMAScript standard

People mentioned

Eric Meyer
Bart De Smet
Matthew Podwysocki

More from Ben

Twitter

Other Links
RxJS Docs

The RxJS Library
ECMAScript Observable Proposal

ReactiveX

RxViz
ThinkRx

Aliaksei's mailing list

kuncevic.dev

bookmark
plus icon
share episode

Show more best episodes

Toggle view more icon

FAQ

How many episodes does Angular Rocks have?

Angular Rocks currently has 25 episodes available.

What topics does Angular Rocks cover?

The podcast is about Web Development, Podcasts, Technology, Education and Programming.

What is the most popular episode on Angular Rocks?

The episode title 'Reactive Angular' is the most popular.

What is the average episode length on Angular Rocks?

The average episode length on Angular Rocks is 18 minutes.

How often are episodes of Angular Rocks released?

Episodes of Angular Rocks are typically released every 7 days.

When was the first episode of Angular Rocks?

The first episode of Angular Rocks was released on Mar 2, 2021.

Show more FAQ

Toggle view more icon

Comments