Oasis Digital
Oasis Digital
  • 140
  • 290 446
Signals in NgRx - selectSignal and signalStore
Signals are an exciting new synchronous reactive primitive in Angular, and they have big implications for state management. The NgRx team has responded with several approaches that span from a simple adapter layer to a completely new state management approach. Lance Finney walks through what a migration to signalStore looks like.

Slides:
tinyurl.com/signalStoreOD
Code:
github.com/angularbootcamp/abc
Related Videos:
Angular Renaissance/Signals: ua-cam.com/video/zXPx2Te_KgI/v-deo.html
NgRx Efficiency with Entity: ua-cam.com/video/2I-MPIOBJLQ/v-deo.html
Переглядів: 2 479

Відео

The Angular Renaissance
Переглядів 4008 місяців тому
Key new features in Angular in 2023. - Standalone components - Signals - New control flow syntax - Deferrable views tinyurl.com/ngrenod2023
Leading the way: tech talks that shape the future - Episode 1: Apple Vision Pro
Переглядів 62Рік тому
In this episode, our tech trio delves into the mesmerizing world of the Apple Vision Pro, leaving no pixel unturned including imagining Mark Zuckerberg's reaction to the device and predictions of how the world gets to enjoy super buff code warriors. Get ready to laugh, get inspired, and maybe even flex a bicep or two along the way. Geek power, activate!
Predicting the future of Web 2.0
Переглядів 112Рік тому
Paul Spears walks through some of the techniques that Oasis Digital uses to forecast technology trends and makes predictions about what's next for Web 2.0. He also provides a sneak peek at how Oasis Digital is positioning itself for the future to provide better services for its clients. Paul on Twitter: TheEvergreenDev Oasis Digital LINKEDIN: www.linkedin.com/company/oasi... WEBSITE...
Angular Material Data Tables: Some Assembly Required - Drew Wiens - Angular Lunch
Переглядів 1 тис.3 роки тому
MatTable is Angular Material’s data table. With it, developers can create advanced data tables, but it's up to the developer to assemble solutions from the components that Material provides. In this month's Advanced Angular Lunch, Drew Wiens of Oasis Digital demonstrates how to use MatTable in advanced use cases. Drew Wiens is a software developer and consultant at Oasis Digital. He has been an...
Angular Schematics, Removing the Guesswork - John Baur - Advanced Angular Lunch
Переглядів 7853 роки тому
You've already established solid architectural patterns in your application. Next up is ensuring that they scale with your (probably distributed) team. Angular Schematics provides powerful tools to facilitate standards and practices. John Baur is a software developer and technical lead at Oasis Digital. He has designed and implemented systems for several Fortune 500 firms, and is a founding ins...
Angular component testing - Overcoming the hurdles
Переглядів 27 тис.3 роки тому
Your team’s sizable Angular apps are coming along well, but the voice in the back of your head is shouting: we need unit tests. But there are hurdles: you want to test components, but how do you set up the necessary dependency injection and get the HTML template to work in the test? In this event, you will learn to overcome the hurdles: Get tests wired up correctly at the start. See a productiv...
Bazel Opportunities, Tradeoffs, and Rollout
Переглядів 7573 роки тому
Is Bazel right for your project, team, and enterprise? We can't answer that completely in 45 minutes, but we can help you start preparing to answer it. Topics include: What is Bazel? How does Bazel compare to other build tooling? What scenarios bring out Bazel’s strengths? Where is Bazel less suitable? What thresholds mean we are ready for Bazel? How best to expand Bazel use across the enterpri...
Scalable Enterprise Services with TypeScript and NestJS
Переглядів 8833 роки тому
Your applications need backend services. Are you using a different language, platform, and skill set for services and UI? Whether you're working on a monolithic backend or one of dozens of microservices, NestJS makes it easier to build scalable server-side applications in TypeScript with automated documentation and tools. The NestJS platform: Uses the same object-oriented design patterns as Ang...
NgRx: unified state management for enterprise Angular teams
Переглядів 9243 роки тому
Managing state in complex Angular applications is one of the most fraught tasks for front-end developers, often a source of frustration and spaghetti code. NgRx can help! NgRx provides teams and organizations with a common API for handling state management. Join this live event to see what NgRx offers projects and teams, and how it can meet many organizational needs. Since things are never 100%...
Manage state with the Angular router - Zachary Kipping - Advanced Angular Lunch
Переглядів 2,4 тис.3 роки тому
It’s 2021, time to get the most out of your routing architecture. By using the router for state management, you get automatic solutions to state problems. We’ll cover application navigability, bookmarkability, data accessibility, and reusability Making the most of these ideas, your projects get a much improved developer and user experience. Zachary Kipping is a software developer and Angular Bo...
RxJS, the easy way to write correct Angular applications
Переглядів 43 тис.3 роки тому
Getting your Angular app to “work” is easy, but correctness is hard. Web applications are full of asynchronous complexity. RxJS enables you to handle complexity in a way that is correct, reliable, predictable, and reproducible. This event is a deep dive into the key aspects of RxJS for real-world Angular development: 1. Understand the conceptual model of observable streams 2. See the streams in...
Storybook: an interactive component showcase for better collaboration - Nathan Kern - Angular Lunch
Переглядів 3,1 тис.3 роки тому
Nathan Kern of Oasis Digital demonstrates and explains how Storybook can improve collaboration and code reuse at scale, by provided a consistent and interactive component (or component library) showcase. Advanced Angular Lunch is hosted and produced by Oasis Digital: www.meetup.com/angular-lunch/ Oasis Digital: Your trusted partner for modern software development. First-time quality, reliable e...
One Simple Trick to ngIf Your Root Component - Zachary Kipping - Angular Lunch Dec 2020
Переглядів 3143 роки тому
A little while back I encountered a situation where I REALLY needed the functionality of *ngIf around my root components. I wanted an angular specific solution that was easy to test and include generically in many applications. ngDoBootstrap managed to save the day and solve this complex problem for me! So, in this talk we will be discussing and demoing how to use ngDoBootstrap, plus the challe...
The Dangerous Temptation of Customizing Angular Material - Paul Spears - Angular Lunch Nov 2020
Переглядів 8543 роки тому
Angular Material is known for its ease of use. Many teams have used it to jump-start their development effort and quickly deliver value to their users. But not everyone appreciates its opinionated design. In this talk, Paul Spears will discuss the factors that lure companies into creating custom Angular Material appearances. He'll also share how to mitigate these factors, and what to do when yo...
Automated A11y Testing with Cypress - Rachel Noccioli - Angular Lunch Oct 2020
Переглядів 2,5 тис.3 роки тому
Automated A11y Testing with Cypress - Rachel Noccioli - Angular Lunch Oct 2020
State of Web Components - Cory Rylan - Advanced Lunch
Переглядів 1,1 тис.3 роки тому
State of Web Components - Cory Rylan - Advanced Lunch
GraphQL: What and Why - Andrew Weins - Advanced Angular Lunch
Переглядів 2163 роки тому
GraphQL: What and Why - Andrew Weins - Advanced Angular Lunch
NgRx Efficiency with Entity
Переглядів 6 тис.4 роки тому
NgRx Efficiency with Entity
Keep an eye on Angular production bundles with source-map-explorer - Chris Hardin - Angular Lunch
Переглядів 1,1 тис.4 роки тому
Keep an eye on Angular production bundles with source-map-explorer - Chris Hardin - Angular Lunch
ng-conf 2020 Recap Panel - Advanced Angular Lunch recap panel - April 2020
Переглядів 684 роки тому
ng-conf 2020 Recap Panel - Advanced Angular Lunch recap panel - April 2020
Publish interdependent Angular libraries to npm - Nathan Kern - Advanced Angular Lunch - March 2020
Переглядів 1724 роки тому
Publish interdependent Angular libraries to npm - Nathan Kern - Advanced Angular Lunch - March 2020
Angular the Platform: The CLI - Lance Finney, STL Angular Meetup, Feb 2020
Переглядів 1994 роки тому
Angular the Platform: The CLI - Lance Finney, STL Angular Meetup, Feb 2020
Intro to Ionic - Brendan Ochs - STL Angular Meetup - November 2019
Переглядів 874 роки тому
Intro to Ionic - Brendan Ochs - STL Angular Meetup - November 2019
Build a TS/JS project with Bazel (MobX case study)
Переглядів 3,5 тис.4 роки тому
Build a TS/JS project with Bazel (MobX case study)
The Angular Platform - Kyle Cordes - STL Angular - May 2019
Переглядів 1974 роки тому
The Angular Platform - Kyle Cordes - STL Angular - May 2019
Building Web Apps With Svelte - Mark Volkmann - Angular Lunch July 2019
Переглядів 1,7 тис.5 років тому
Building Web Apps With Svelte - Mark Volkmann - Angular Lunch July 2019
Angular Reactive Forms Part 5: State Management
Переглядів 5205 років тому
Angular Reactive Forms Part 5: State Management
Angular Reactive Forms Part 4: Add Reactivity with RxJS
Переглядів 2235 років тому
Angular Reactive Forms Part 4: Add Reactivity with RxJS
Angular Reactive Forms Part 3: Creating a Reactive Form
Переглядів 2235 років тому
Angular Reactive Forms Part 3: Creating a Reactive Form

КОМЕНТАРІ

  • @rlowboy
    @rlowboy 25 днів тому

    Informative and detailed explanation! Thanks a lot!

  • @tejeshwinidugyala9226
    @tejeshwinidugyala9226 Місяць тому

    Thank you so much for the efficiently using RXJS operators for Better Code quality and Reducing unnecessary calls 😇

  • @sob3ygrime
    @sob3ygrime 3 місяці тому

    Shoot seemed perfect until I realized it's out of date dang it. Great video I hope you're still creating content! :)

  • @francismcguire6884
    @francismcguire6884 4 місяці тому

    thank you for a clear, understandable presentation.

  • @LarsRyeJeppesen
    @LarsRyeJeppesen 5 місяців тому

    SignalStore is so awesome

  • @rolandjost3823
    @rolandjost3823 5 місяців тому

    thank you so much🥰🥰🥰

  • @edvinbeqari7551
    @edvinbeqari7551 6 місяців тому

    How do you configure Karma or Jasmine to see the html within the Jasmine interface?

  • @karthik_vijay
    @karthik_vijay 6 місяців тому

    Underrated, saves lot of time trying to understand rxJS concepts. Keep posting. ❤ From Angular Community

  • @obinnaezedei856
    @obinnaezedei856 6 місяців тому

    I feel entity is an overkill

  • @Ratchet2022
    @Ratchet2022 7 місяців тому

    Wow, great content! Thank you!

  • @johnnygri99
    @johnnygri99 7 місяців тому

    Very good, thank you so much

  • @KiffinGish
    @KiffinGish 7 місяців тому

    Finally, a simple and clear explanation about a new concept that really isn't that complicated at all. Thanks for this fantastic video!

  • @OMADeveloper
    @OMADeveloper 8 місяців тому

    still using angularjs on an old project still loving it there something really simple about that version maybe because of that it was getting the love it was got

  • @rajeshnakrani526
    @rajeshnakrani526 8 місяців тому

    There are so many lazy content creators who do Angular stuff. This is not one of them. What a great video on the updates in the recent (16, 17) versions of Angular. Share this video with your development teams if you are using Angular. Sure, there's the thumbnail and title to consider, and the audio quality wasn't spectactular, but *the content* was the best I have seen from anyone doing content in this niche.

    • @LMFinney
      @LMFinney 8 місяців тому

      Thank you for the compliments! Sorry about the audio quality. I don't know what happened there.

  • @wholeegg
    @wholeegg 10 місяців тому

    Tysm Christina. Leant a lot today.

  • @suchismitagoswami5609
    @suchismitagoswami5609 Рік тому

    Awesome video... It's great to see how the testing code has been simplified over time by keeping exactly what's needed

  • @igorpierre6094
    @igorpierre6094 Рік тому

    This was the best class about test that ive ever seen thanks.

  • @mfpears
    @mfpears Рік тому

    12:00 I think this is why Steve Jobs made the iPhone to begin with. He was a big fan of Clayton Christensen's book, "The Innovator's Dilemma". It predicts when smaller products end up disrupting larger products. So Jobs decided that Apple would disrupt itself instead of being disrupted by a smartphone company.

  • @MarkVolkmann
    @MarkVolkmann Рік тому

    Nine years later I’ve started learning about Lua and found your video. Thanks Kyle!

  • @cylearn2783
    @cylearn2783 Рік тому

    Exactly what I need, thank you!

  • @randymotluck1503
    @randymotluck1503 Рік тому

    Nice Vid. Hope you are doing well.

  • @RsnRom
    @RsnRom Рік тому

    Thanks, it is very good explanation. I like that you went through all steps: getting rid of errors, simplifying etc

  • @Balaman4
    @Balaman4 Рік тому

    really good video! loved the tempo and the explaining every step, very insightful. thank you

  • @Alex-bc3xe
    @Alex-bc3xe Рік тому

    Very powerful knowledge sharing

  • @DriveandThrive
    @DriveandThrive Рік тому

    EPIC lecture thank you so much

  • @DriveandThrive
    @DriveandThrive Рік тому

    Finished my basic api/angualr site and now have to test. Literally can't get one test to pass anything....so hoping the video helps

  • @AbhishekKumar-fn6sz
    @AbhishekKumar-fn6sz Рік тому

    Great depth

  • @CleeveMorris
    @CleeveMorris Рік тому

    best angular unit tests video ever! thanks!!

  • @manik16007
    @manik16007 Рік тому

    Nailed it

  • @ThuhinSukesh
    @ThuhinSukesh Рік тому

    very informative

  • @CosmicAlphonso
    @CosmicAlphonso Рік тому

    How request cancellation worked in code at 20:34?

    • @vedymin7
      @vedymin7 Рік тому

      This is the behavior of switchMap. If there is a new request (user type additional letter in search for example) and there is still pending request, switchMap will discard this pending request, and start a new one. If you don't want to discard, and need this previous request to finish, you can use mergeMap instead. But with mergeMap in search the issue is you can have older request finished after change in search, and that means you have incorrect result for actual search value.

  • @Mmage13
    @Mmage13 Рік тому

    one of the best, even after 2 years. tnQ for you're works!

  • @rakeshacharya8791
    @rakeshacharya8791 Рік тому

    is it possible to implement pathlocationstrategy and hashlocationstrategy in a project at time

  • @riazafridi519
    @riazafridi519 Рік тому

    After so many researches finally i understood this advance concept with routing, amazing job young coder!!!

  • @ShinoB83
    @ShinoB83 Рік тому

    So well explained! Thank you! ❤

  • @kaankrcakl2098
    @kaankrcakl2098 Рік тому

    Thank you Lance! This helped me a lot.

  • @joecode2503
    @joecode2503 Рік тому

    Great topic, thanks for sharing! Looking for the Github repo mentioned, but no luck finding it. Is it still active, and would you be able to share the link?

  • @jarenboone9609
    @jarenboone9609 Рік тому

    Great video, thank you so much!

  • @muralimohanmandala551
    @muralimohanmandala551 Рік тому

    Can I get this sample code?

  • @hansschenker
    @hansschenker Рік тому

    Never thought of NgRx State Management being a State Machine. But its true a Reducer is a state transition function!

  • @vnaae
    @vnaae Рік тому

    "lua sucks" -someone who has never programmed

  • @jkevinparker
    @jkevinparker 2 роки тому

    This is a fantastic crash course on RxJS! Thank you!

  • @cdotforce
    @cdotforce 2 роки тому

    Great!

  • @technicalmindsstudios1977
    @technicalmindsstudios1977 2 роки тому

    hii im getting error Can't bind to 'ngForOf' since it isn't a known property of 'div' 1. If 'div' is an Angular component and it has the 'ngForOf' input, then verify that it is a part of an @NgModule where this component is declared. 2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

  • @adewaleadisa4346
    @adewaleadisa4346 2 роки тому

    Thanks so much. Best simplified rxjs video

  • @technicalmindsstudios1977
    @technicalmindsstudios1977 2 роки тому

    exactly

  • @prithvidheer6893
    @prithvidheer6893 2 роки тому

    Thanks a lottttt

  • @mayurankunarajah8131
    @mayurankunarajah8131 2 роки тому

    Thank you, :)

  • @bhagabatsahoo3112
    @bhagabatsahoo3112 2 роки тому

    Can you please the source code for Case study -2 ? Thanks a lot for your explanation