Shows
Angular RocksRxJS with Ben LeshRxJS (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 startedA quick history or RxJSWhat companies are using RxJS and how does it help them?RxJS and An...
2022-08-1047 minAngular RocksReactive AngularThere 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 LinksThe RxJS libraryProposal: Input as Observable Angular Getting Started Workshopngstart.devAliaksei's mailing listkuncevic.dev
2021-08-1102 minAngular RocksDesigning Reusable Components with Tomas TrajanComponent 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 compositionShared folder, Shared library, ngModulesTemplate contextCustom component librariesDesigning components for scaleBest practices, tips and tricks and common pitfallsArticlesCustom Angular Component Library (Best practices)Angular Library Architecture (sub-entries)Angular Application Architecture
2021-08-0448 minAngular RocksWeb Components and Angular ElementsWeb 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 ComponentsCan I use Web ComponentsPolymerLitPolymer vs LitAngular ElementsAngular Self-Paced Workshops from Aliakseingstart...
2021-07-2804 minAngular RocksDeveloper Tools with Minko GechevI split up the developer tools into multiple categories Development and productivityDebuggingPerformanceTestingIn 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 An...
2021-07-2145 minAngular RocksAngular multi-project workspaceEvery 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 falsecd my-solutionng g application my-appng g library my-shared-libraryLinksMulti-project workspaceAngular Getting Started Workshopngstart.devA...
2021-07-1402 minAngular RocksAngular Change Detection with Wassim CheghamChange 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 mentionedJohn PapaMisko HeveryElon Musk...
2021-07-0739 minAngular RocksKeeping Angular Projects Up To DateAngular 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 releasesAngular update guideDeprecated APIs and featuresng updateAngular, Angular CLI, NodeJS compatibility list Angular CLI diff
2021-06-3002 minAngular RocksAnimations with William JuanAnimation 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.Linksangular.io/guide/animationsauth0.com/blog/get-better-angular-ux-using-animation-techniquesindepth.dev/posts/1285/in-depth-guide-into-animations-in-angularwilliamjuan027.github.io/angular-animations-explorerPopmotionlottieTailwindMore from JuanTwitterWebsite
2021-06-2324 minAngular RocksResponsive DesignThese 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 LinksAngular Flex LayoutAngular CDK LayoutTailwind Responsive DesignBootstrap Layout Utilities CSS Medi...
2021-06-1603 minAngular RocksAngular Material with Jeremy ElbournAngular 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.Linksmaterial.angular.ioguidesMore from Jeremytwitter
2021-06-0939 minAngular RocksAngular CDKCDK 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.LinksAngular CDK
2021-06-0202 minAngular RocksThe History of Angular with Misko HeveryAngular 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 frameworkAngular referring to v2 and up, which is the new modern framework which is completely different to AngularJSThis time Miško Hevery, the creator of Angular will tell about Angular history and share insights on his journey working at Google creating one the coolest front-end framework!Links:angular.ioPeople me...
2021-05-2637 min
Angular RocksThe Histroy of Angular with Miško HeveryAngular 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.This time Miško Hevery, the creator of Angular will tell about Angular history and share insights on his journey working at Google creating one the coolest front-end framework!AngularJS referring to v1 - the first version of the frameworkAngular referring to v2 and up, which is the mew modern framework which is completely different to AngularJSLinks:angular.ioPeople mentioned
2021-05-2637 minAngular RocksComponent Communication TechniquesComponent 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.LinksInputs and OutputsAsync PipeReactive Services TechniqueRx-service
2021-05-1903 minAngular RocksAngular Router with Justin SchwartzenbergerAngular 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.LinksAngular RouterRevisiting a Reactive Router with IvyPeople mentionedMike RyanBrandon RobertsVictor SavkinMichael KarénMore from JustinTwitterWebsiteAliaksei's mailing li...
2021-05-1249 minAngular RocksApplication Folder StructureHave 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.LinksFeature modules
2021-05-0503 minAngular RocksError Handling with Michael KarénError 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 2021LinksError Handler ClassAngular Errors List Angular Debugging GuidesBest practices for Error handling in AngularPeople mentionedDavid HergesMore from MichaelTwitterBlogAliaksei's mailing listkuncevic.dev
2021-04-2827 minAngular RocksInteracting with Backend APIEvery 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.LinksAngular HttpClientHTTP MethodsTop 10 ways to use Interceptors in Angular
2021-04-2103 minAngular RocksDependency Injection with Dmytro MezhenskyiDependency 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 AngularLinksDependency InjectionDependency Injection YouTube Series by Dmytro MezhenskyiMore from DmytroTwitterYouTubeBlogAliaksei's mailing listkuncevic.dev
2021-04-1526 minAngular RocksAngular Lifecycle HooksLifecycle 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. LinksAngular Lifecycle Hooks
2021-04-0703 minAngular RocksAngular CLI with Alan AgiusAngular CLI is the most important piece of Angular ecosystem. In this episode you will find everything you need to know about Angular CLI: Brief historyTop featuresMonorepos Tips and tricksThe futureLinksAlan Agius on TwitterSetup Multi Project WorkspaceAngular Package Format (APF) Spec ng-packagrng-packagr with David Herges on ngAirOptimizing Apps with Resource InliningBonus Angular CLI Cheat Sheet
2021-04-0125 minAngular RocksAngular Template SyntaxAngular template syntax powered by Angular built-in directives helps to do a lot of things within a component template.In this episode I am talking about the main features of an Angular template syntax.If you want to learn more, have a look in to Angular Cheat Sheet and the Demo App I created specifically for this episodeLinksCheat Sheet
2021-03-2403 minAngular RocksAngular Building BlocksThere is a number of building blocks in Angular:ComponentsServicesModulesPipesDirectivesIn this episode I am walking through the essential Angular building blocks and concepts. LinksIntroduction to Angular Concepts
2021-03-1707 minAngular RocksThings You Should Know About AngularIn this episode I am explaining what is Angular and answering the following questions:What does single-page client-side really means?Are there any differences between Angular and AngularJS?What are the benefits of using Angular? Why developers and companies choosing Angular? LinksWhat Are The Benefits Of Using AngularAngular DocsAngular RoadmapAngular Versioning and ReleasesAngular PackagesAngular Update GuideKeeping Angular Up-to-DateAngular on GitterAngular Community on DiscordAngular Meetups ListFinding an Angular latest versionin terminal or...
2021-03-1007 min2021-03-0201 min