FlowUp Tech
FlowUp Tech
  • 15
  • 326 142
Christopher Holder | Push-Based - Managing design systems with Storybook and Angular | ngBeer Brno
ngBeer Brno | 26. 10. 2023
About the talk
One of the largest challenges about working with applications with multiple labels and themes is maintaining a consistent Design System.
We will take a deep dive into how Storybook can be used to maintain a consistent design system though all the labels and themes. Moving forward we will learn how the design system can make it easier for new developers to make changes without deep knowledge of the application. Then we will see how a storybook helps us easily maintain documentation and testing.
As a bonus you will learn how to automate the conversion of changes from Figma to the code in the design system.
🎯 Takeaways
- A in depth understanding of Design Systems with Storybook
- Automating visual regression testing
- Integrating visual change request and approval into the CI
- Handling multi-label themes
- Secret trick to automatically convert changes from figma to css
About Christopher
Christopher is a Full Stack Engineer at push-based.io. He does consulting and auditing on Angular applications to help companies optimize their application architecture and performance as an Open Source contributor he collaborates on projects that help make the web faster and speed regression by making testing performance easier and scalable.
Переглядів: 130

Відео

Julian Jandl | Push-Based - Virtual scrolling unveiled - High performance lists in Angular
Переглядів 1376 місяців тому
ngBeer Brno | 26. 10. 2023 About the talk In this talk, I’ll take you on a journey through the fascinating landscape of virtual scrolling in Angular, a powerful technique that can greatly improve the performance and user experience of your web applications. We will shed light on the general concept of virtual scrolling, compare different approaches and implementations in the Angular universe. A...
Vojtech Mašek | FlowUp - Understand code import & export | ngBeer Brno vol. 11 | 26. 10. 2023
Переглядів 616 місяців тому
About the talk Organizing code into files is crucial. Once in files you need to import. More files? Libs are becoming useful, but do you know what different exports styles do to the bundle size? We are about to find out. topics: import & export, ESM, CJS, bundle-size, Nx libs Talks wraps up experience of bundle size optimalization with file import structure organization and Nx libraries use-cas...
Null safety in TypeScript and Angular - Matěj Chalk (FlowUp)
Переглядів 310Рік тому
This presentation highlights the importance of null safety for preventing errors in production, describes how to take advantage of TypeScript's strict null checking capabilities to catch potential bugs during development, and introduces pragmatic patterns for safely handling nullable values (both in TypeScript code and in Angular templates). Slides: docs.google.com/presentation/d/1kgjxJKYaao6S9...
Signatures [demo]: manage your company Gmail signatures in bulk
Переглядів 1,9 тис.3 роки тому
Signature by FlowUp for G Suite is the easy way to manage email signatures across your company. Your gmail experience with signatures will improve so much. We are FlowUp. This is our Signatures application for G Suite. More info? In English: flowup.cz/en/article/introducing-signatures-a-way-to-expertly-manage-email-signatures-in-g-suite In Czech: flowup.cz/cs/article/introducing-signatures-a-wa...
Luděk Svoboda (sledovanitv.cz) - GraphQL with Go 23/10/18 (Golang meetup Brno vol. 1)
Переглядів 2105 років тому
Presentation link: drive.google.com/file/d/1fNRzHlEhQaaZrqzXJOhwfEBWmqNU3HUo/view?usp=sharing Luděk Svoboda (sledovanitv.cz) - GraphQL with Go 23th October 2018 Golang Meetup Brno vol. 1 Intro: Why GraphQL? Existing Golang implementations. About Luděk: Luděk is a co-founder of the sledovanitv.cz company. He stands behind the backend part of this service which is, of course, created mainly in Go...
Svätopluk Hanzel (sledovanitv.cz) - WebAssembly with Go 23/10/18 (Golang Meetup Brno vol. 1)
Переглядів 995 років тому
Presentation link: drive.google.com/file/d/11A99zikU1rHwMqdAsBbrMDacrPv1PzLh/view?usp=sharing Svätopluk Hanzel (sledovanitv.cz) - WebAssembly with Go 23th October 2018 Golang Meetup Brno vol. 1 Intro: We will take a look at the new webassembly support in Go 1.11 and possibilities of writing smaller, faster applications that run in the browser. About Svätopluk: He works in the field of IT since ...
Jakub Kulich (flowup) - Operating Kubernetes with Go 23/10/18 (Golang Meetup Brno vol. 1)
Переглядів 635 років тому
Presentation link: docs.google.com/presentation/d/1qw_NJJa8zPf46kCrsusOHZv2rF4Gv-Lbi6aBEwD9oUk/edit#slide=id.p Jakub Kulich (FlowUp) - Operating Kubernetes with Go 23th October 2018 Golang Meetup Brno vol. 1 Intro: Learn what are Kubernetes Operators, why you need them and how to easily create one. About Jakub: Jakub is DevOps engineer in FlowUp and a Go enthusiast. He has passion for explorati...
Peter Malina (flowup) - Fantastic Configurations and Where to Find Them (not a film) 23/10/18
Переглядів 705 років тому
Presentation link: docs.google.com/presentation/d/1GrRhsW91rIA7lOg0mhLusK_7033t7JaUJukcG4FzYXo/edit#slide=id.p Peter Malina (FlowUp) - Fantastic Configurations and Where to Find Them (not a film) 23th October 2018 Golang Meetup Brno vol. 1 Intro: Do you also hate configuring monstrous YAML configurations or Nginx that does everything? I'll be showing multiple examples of configuration done righ...
Flowup Brand Identity Release: Rebranding 2018
Переглядів 322 тис.5 років тому
We have a new coat - enjoy it with us! Brand & video: Creepy studio
Lukáš Fryč (Exponea) - Micro-frontends with Angular Elements
Переглядів 1505 років тому
Speaker: Lukáš Fryč (Exponea) Talk: Micro-frontends with Angular Elements Event: NgBeer Brno vol. 3 Date: 28th May 2018
Peter Malina (FlowUp) - Angular Universal
Переглядів 1115 років тому
Speaker: Peter Malina (CTO in FlowUp) Talk: Angular Universal Event: NgBeer Brno vol. 3 Date: 28th May 2018
Vojtech Mašek (FlowUp) - Pipes (Effectively Using Change Detection and Pure Pipes in Angular)
Переглядів 1305 років тому
Speaker: Vojtech Mašek (Head Developer in FlowUp) Talk: Pipes (Effectively Using Change Detection and Pure Pipes in Angular) Event: NgBeer Brno vol. 3 Date: 28th May 2018

КОМЕНТАРІ

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

    Incase you forgot how good this video was. Awesome work

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

    the background music is not enough as visual

  • @user-yo4qd5lg9h
    @user-yo4qd5lg9h 2 місяці тому

    ขอบคุณมากครับ

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

    Nice work buddy

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

    ITAU usou esta música em 2023, rsrs

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

      Se bem que estava reconhecendo de algum lugar mesmo hahaha

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

    I really don't understand the rude comments. I thought your video was absolutely GREAT! Very cool

  • @Margarita-mu7on
    @Margarita-mu7on 9 місяців тому

    ahahahah amazing remember we r developers we r smart

  • @elizavetakolesnik295
    @elizavetakolesnik295 11 місяців тому

    Sorry, where can I find this kind of music for commercial use?

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

    cringe

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

      That's si nice of you, thank you! :)

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

    I can make and customise such animation for u! Just conact with me!

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

    How does no one in the comments know they’re taking the piss?

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

    Apple adds has traumatize some clients...

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

    Great rebranding showcase you guys! 👏🏼 Congrats

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

    boring

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

    linear animations almost everywhere and that looks very bad. also that sound is just downloaded from apple video, then trimmed still, design is good

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

    intel:

  • @manaspatel2301
    @manaspatel2301 3 роки тому

    the sound design cud hav been better, much better.

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

      Everything can be better, even Disney movies. Sometimes you just need to communicate fast and cheap.

  • @flowuptech
    @flowuptech 3 роки тому

    Thank you very much for watching and for the discussion and questions. We really appreciate that. :)

  • @onlyonesnap3650
    @onlyonesnap3650 3 роки тому

    What!!!

  • @ev_oo
    @ev_oo 3 роки тому

    Interesting.

  • @iamabot3240
    @iamabot3240 3 роки тому

    Who are you?

  • @devin6months471
    @devin6months471 4 роки тому

    Does it support Google Analytics?

    • @flowuptech
      @flowuptech 4 роки тому

      Yes, absolutely it does.