Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Night Session: The Future of WebDev

Night Session: The Future of WebDev

Manfred Steyer

May 09, 2023
Tweet

More Decks by Manfred Steyer

Other Decks in Programming

Transcript

  1. ManfredSteyer ManfredSteyer

    View full-size slide

  2. ManfredSteyer

    View full-size slide

  3. ManfredSteyer

    View full-size slide

  4. ManfredSteyer

    View full-size slide

  5. ManfredSteyer
    Manfred Steyer

    View full-size slide

  6. ManfredSteyer

    View full-size slide

  7. ManfredSteyer
    Fine-grained Reactivity

    View full-size slide

  8. ManfredSteyer
    Signal
    4711
    Consumer
    read
    set
    notify
    4712

    View full-size slide

  9. ManfredSteyer
    Smart Compilation

    View full-size slide

  10. ManfredSteyer
    Convetion over Configuration

    View full-size slide

  11. ManfredSteyer
    Progressive Hydration

    View full-size slide

  12. ManfredSteyer
    HTML JS DATA
    FMP

    View full-size slide

  13. ManfredSteyer
    HTML JS
    DATA
    TTI
    FMP

    View full-size slide

  14. ManfredSteyer
    HTML JS
    DATA
    TTI
    "Uncanny Vally"
    FMP

    View full-size slide

  15. ManfredSteyer

    View full-size slide

  16. ManfredSteyer
    HTML DATA
    FMP
    JS JS JS JS JS JS JS JS
    TTI

    View full-size slide

  17. ManfredSteyer
    HTML DATA
    FMP
    JS JS JS JS
    TTI

    View full-size slide

  18. ManfredSteyer
    Different Frameworks for
    Different Use Cases

    View full-size slide

  19. ManfredSteyer
    Know and prioritize your
    Architecture Goals!

    View full-size slide

  20. ManfredSteyer
    Will the "Big 3" catch up?

    View full-size slide

  21. ManfredSteyer
    flights: Flight[] = [];
    const flights = await this.flightService.findAsPromise(from, to);
    this.flights = flights;



    View full-size slide

  22. ManfredSteyer
    flights = signal([]);
    const flights = await this.flightService.findAsPromise(from, to);
    this.flights.set(flights);



    View full-size slide

  23. ManfredSteyer

    View full-size slide

  24. ManfredSteyer

    View full-size slide

  25. ManfredSteyer
    Slides & Examples Remote Company Workshops
    and Consulting
    http://angulararchitects.io

    View full-size slide