Code Monkey home page Code Monkey logo

reactive-architecture-and-ux-patterns_angular's Introduction

Reactive Architecture and UX Patterns

Getting the tools and understanding to craft fully reactive angular applications!

Overview

Welcome to my course! My name is Michael and I will lead you through this content.

The title of this course is reactive architecture and UX patterns. As those are pretty broad terms let be elaborate a bit on the scope and target audience.

Level of this Course

First the level. For this course, you definitely need some fundamental knowledge about RxJS, and you should use it regularly in your Angular projects. General terms like subscription handling, multi-casting, or hot/cold Observables should at least ring a little bell.

If this is not the case no big deal. As this, in an online course, you can consume it as fast or slow as you like. It's all about fun and explores new things, so the most important to enjoy it! :)

Content and Learning Goals

This course starts with the fundamentals of the different operator groups we will use, and points out some interesting details.

With that in mind, we will start to work on our first patterns.

Exercises we will master are:

  • Combining streams
    • Overview of combination the operators
    • Deriving state from HTTP calls
    • Prevent over fetching with simple Http Caching
    • Editing and user-controlled opt-In updates
    • Optimize View updates and Performance
    • Comparison of the combination patterns
  • Reactive State-Management
    • State aggregation
    • Model vs ViewModel
    • Sharing state and instances
    • Lazyness and component initialization
    • Immutability and gotchas in operators
  • Higher-Order Operators
    • Overview of the different flattening operators
    • Avoid race-conditions and over-fetching in UIs
    • HTTP optimization strategies
  • Resilience and Error-Handling
    • Error handling operators overview
    • How to encapsulate error-prone code
    • Load balancing and polling
    • Offline friendly and exponential backoff
    • Comparison of the different retry & repeat mechanisms
  • Reactive Template Rendering and Performance Optimisations
    • Angular Change Detection in-depth
    • The principle of Locallity in Angular Components
    • Template Helpers of Rendering
    • Analizing and Fixing Blocking UI
    • Zone-Less Change Detection

Let’s jump right in and start with the first section.

reactive-architecture-and-ux-patterns_angular's People

Contributors

biophoton avatar marialazarova avatar hoebbelsb avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.