The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a device that is slow or a connection that is faulty. Gil explains how to find and fix them.

Links

• https://pptr.dev
• Lighthouse - Using the node cli
• JS VidCon

Picks

• Gil - Follow Gil on Twitter > @gilfink
• Gil - Wokwi https://github.com/wokwi/wokwi-elements
• Gil - Star Wars The Clone Wars
• Alyssa - BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript
• Shai - FREE WORKSHOP - The Roadmap to Angular Testing Mastery
• Shai - https://www.ng-conf.org
• Younes  - Reactive Extensions for Angular
• Chris - Eero
• Chris  - @GrumpySkeletor
• Brooks  - LoopBack 4
• Eddie  - Animal Crossing

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode, Lucas, Armen, and Subrat are joined by Luis Galeas, the CEO and founder of Ambar. Today's discussion dives into the fascinating world of event sourcing, exploring its intricacies in both front-end and back-end development.
Event sourcing has emerged as a pivotal technique for managing the state by recording events that can rebuild the application state, bringing unique challenges and opportunities, especially on the back end where state persistence and scalability are critical. Luis shares his expertise on how Ambar's tools simplify event connections with minimal coding, the importance of efficient data transfer, and how event sourcing can transform state management.
They also cover practical aspects like the technological components, system design, and implementation strategies for event sourcing, providing a comprehensive overview for developers keen on enhancing their applications. Lucas, Armen, and Subrat, alongside Luis, provide valuable insights and address common challenges, ensuring you walk away with actionable knowledge.
To round things off, Luis introduces a free course offered by Ambar to dive deeper into event sourcing and discusses how gradual implementation can ease the transition for your development projects. Stay tuned for a deep dive into event sourcing's potential to revolutionize your approach to state management in both front-end and back-end technologies.


Socials

• LinkedIn: Luis P Galeas

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely.

Picks

• Will  - Follow Will's work on > www.simpleprogrammer.com
• Brooks - NGXS
• Brooks - Tiger King

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode of Adventures in Angular the panel interviews Dave Cooper, who recently gave a talk at AngularConnect about using Mock Data. Dave starts by explaining more about his talk and sharing the benefits of using data mocking solutions and rapid prototyping. He shares the secrets of doing rapid prototyping. 
 
There are challenges to using mock data, Dave shares a few of them and explains how to overcome them. The number one challenge of using mock data is keeping it in sync with your real data and making it look real. 
 
Dave explains how to get started with mock data and shares library recommendations. The panel discusses the use cases for mock data and Dave walks them through a few scenarios for using mock data. He shares use case recommendations and discusses using mock data for testing. 
 
The panel discusses the benefits of using mock data for demos and courses. The possibilities and future of mock data and pact testing are explored. Dave shares his coding process and explains how much faster he can code by using mock data. 


Links

• Mocking made easy | Dave Cooper |
• http://www.davecooper.org/
• https://twitter.com/davewritescodes
• https://www.facebook.com/adventuresinangular
• https://twitter.com/angularpodcast

Picks

• Shai  - TestAngular.com
• Shai  - https://twitter.com/shai_reznik/status/1202293459207540737 
• Shai  - Angular 9: Getting Ready To Update to Angular 9 
• Dave  - https://www.npmjs.com/package/data-mocks
• Dave - Dough: Simple Contemporary Bread
• Younes  - https://www.json-generator.com/ 
• Younes - https://docs.pact.io/implementation_guides/javascript
• Charles  - A Christmas Story
• Charles - Holiday Inn
• Charles  - White Christmas
• Charles  - The Bishop’s Wife
• Charles  - Frozen 2

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Freddy Montes joins the adventure to discuss how he and his team manage state in their Angular components.
Many development teams instinctively reach for a solution like ngrx when they're building their angular apps and start seeing complex state. However, there's a lot of boilerplate and it's often overkill for small to medium apps. Freddy talks about his journey into managing state for his components using observables and basic state libraries.


Links

• How to manage component state in Angular using @ngrx/component-store

Picks

• Charles- Premium Podcast Feeds | Devchat.tv
• Charles- Hiro.fm
• Charles- ThriveCart
• Charles- Zapier
• Charles- TrainingPeaks
• Charles- Built Bar
• Freddy- Couch to 5K Runner 
• Freddy- Weiser Lock

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Have you ever thought how nice it'd be to write your apps for desktop and mobile alongside the web? Richard Sithole joins the adventure to discuss how to pull a desktop app and mobile app into your repo using electron and capacitor to extend the functionality to new platforms.
It turns out that a single repo cross-platform app isn't a total pipe dream.


Links

• Twitter: Richard Sithole ( @sliqric )

Picks

• Charles- Relationships
• Charles- monday.com
• Charles- LinkedIn
• Charles- Hunter.io
• Charles- Dev Influencers | Devchat.tv
• Richard- NVIDIA SHIELD
• Richard- How to write a great technical blog post by Sashko Stubailo
• Richard- freeCodeCamp
• Richard- inDepthDev
• Richard- WHAT WEB CAN DO TODAY?

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Dive deep into the latest trends and challenges in the development world. Lucas, Armen, and Subrat Mishra are joined by a special guest,  Rakia Ben Sassi, a Google Developer Expert in Angular. 


In this episode, they explore the complexities and potential benefits of adopting Zoneless Angular and discuss the critical updates in Angular 18, including improved composability for micro frontends and interoperability with other frameworks. They also cover the technical barriers and performance issues associated with Zone JS, and how its removal could significantly streamline your development process.


They delve into the practical considerations for server-side rendering (SSR) and client-side rendering (CSR), offering a hybrid approach that could be beneficial for large applications. Rakia shares some fascinating use cases, including an e-commerce application example, to illustrate the real-world impact of choosing SSR versus CSR.


They touch on the new features in the Angular Forms API, including a discussion on the new observable for form control events, and its relevance in complex applications.


Finally, they wrap up with some promotional content, where Armen talks about his upcoming book "Modern Angular," Lucas highlights Top End Devs' tech podcasts, Rakia promotes her blog and video courses, and Subrat invites you to check out his YouTube channel.


Social Media

• Unvoid
  LinkedIn @unvoidweb https://www.linkedin.com/company/unvoidweb
  Instagram @unvoidweb https://www.instagram.com/unvoidweb
• Lucas Paganini
  YouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniweb
  LinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniweb
  Twitter @lucaspaganini https://twitter.com/LucasPaganini
  Instagram @lucaspaganini https://www.instagram.com/lucaspaganini
• Armen Vardanyan
  LinkedIn https://www.linkedin.com/in/armen-vardanyan-am/
• Charles Wood
  Linkedin https://www.linkedin.com/in/charlesmaxwood/
• Subrat Mishra
  LinkedIn: https://www.linkedin.com/in/subrat-k-mishra/
• Rakia Ben Sassi
  LinkedIn: https://www.linkedin.com/in/rakiabensassi/

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Special guest, Vitalii Bobrov joins us to talk about accessibility on the web and how to relate it to user experience in general. What can we do to improve accessibility? How can we improve accessibility? Why should we even care about accessibility? Find the answers to these questions and much more on this very insightful episode of Adventures in Angular.

Links

• https://material.angular.io/cdk/a11y/overview
• Axe Accessibility Testing

Picks

• Alyssa  - CodeItLive
• Vitalii - JS Rocks
• Eddie - Swift UI
• Eddie - Axe
• Chris - Kingdoms of Amalur Re-Reckoning
• Chris - Endeavour

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Alex Eagle is a Software Engineer on the core Angular team at Google. Alex and the panel talk about Bazel, a a free software tool that allows for the automation of building and testing of software.

Links

• Alex’s GitHub
• Alex’s Twitter
• Alex’s LinkedIn
• Bazel
• Angular and Bazel
• Join BazelBuild on Slack!

Picks

• Aaron - Axe Throwing
• Jennifer - Drama on the The Bachelor ( TV series)
• Joe - FIFA Women's World Cup France 2019
• Joe - Playing Dungeons & Dragons with Aaron Frost
• Alex - Firefly (TV Series 2002–2003) - IMDb

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

Raul Jimenez, the CEO of Byte Default, answers the panels many questions on functional programming with NgRx. In this playful interview, Raul defines functional programming and what it is trying to solve. The panel discusses side effects using a Spiderman analogy. Raul shares the benefits of switching to and when to use NgRx. The importance of knowing RxJS in using NgRx is considered by the panel. The episode ends with an in-depth discussion on some the specifics of using NgRx for functional programming.

Links

• https://twitter.com/elecash
• https://www.facebook.com/adventuresinangular
• https://twitter.com/angularpodcast

Picks

• Shai - https://www.youtube.com/watch?v=B48Exq57Zg
• Joe - https://thinkster.io/tutorials/five-essential-lessons-for-typescript-competence
• Aaron - https://www.rxjs.live/
• Aaron - The Go-Giver, Expanded Edition: A Little Story About a Powerful Business Idea by Bob Burg
• Raul - https://app.quicktype.io/
• Raul - https://www.ag-grid.com/

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.

In this episode of Adventures in Angular the panel interviews Tara Manicsic. Tara is an Angular Developer Experience Engineer at Netlify. Tara explains what she does at Netlify. She explains what Netlify is and introduces the topic for today’s episode, JAMstack. She explains what services Netlify offers and the packages they offer. 
 
She explains that the JAM in JAMstack stands for JavaScript API Markup, which outlines the best practices of a JAMstack architecture. During her explanation of JAMstack and the benefits of a microservice architecture, she references Smashing Magazine and their switch to JAMstack. 
 
Tara overviews each letter of JAM and how they affect JAMstack. J or Javascript refers to the use of a JavaScript language, like Angular and others. Tara lists the API’s one might use for the A in JAM. The panel discusses the M or Markup. Markup serves up fast and safe prerendered content. Tara explains what prerender means and it makes the content safer and the sites faster. Tara then overviews the entire JAMstack process and explains atomic deployment. 
 
The panel considers how JAMstack is picking up in the Angular ecosystem. Tara outlines a few of the benefits seen when using JAMstack and the panel considers the possible use cases. She shares a few real-life examples of the success seen when JAMstack is used in an enterprise application. 


Links

• https://www.netlify.com/
• https://www.facebook.com/adventuresinangular
• https://twitter.com/angularpodcast

Picks

• Brian  - Living with Yourself
• Shai - Angular Testing Tip — The Easiest Way To Start Your Test 
• Shai - Joker
• Tara - Fleabag
• Tara - Netlify Tutorial - How to build and deploy websites using Netlify
• Tara - https://www.ng-conf.org/2019/sessions/workshop-jamstack-from-i-dont-know-to-pro/

Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.