The Microfrontend Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 41

  • @universecode1101
    @universecode1101 2 ปีที่แล้ว +14

    Super useful especially these days, I'm a React Developer and I see every day more and more on Microfrontend ... Thanks Laith ✌🏻

  • @ramanujam_gond
    @ramanujam_gond ปีที่แล้ว +5

    Thank you, @Laith, for providing this tutorial. It has been incredibly helpful in comprehending the Microfrontend concept. For those encountering difficulties resolving the error mentioned towards the end of the video, a simple solution is to rename the value of the name key from "barchart" to "linechart" in the package.json file. After restarting the server, everything should function smoothly without any issues.

  • @rahulparikh927
    @rahulparikh927 2 ปีที่แล้ว +6

    You have a perfect timing. I’m gathering information on this from last two days. I’m lead on one web micro frontend project.

  • @filippetkovski191
    @filippetkovski191 2 ปีที่แล้ว +2

    I haven't seen a better video on YT in a while, especially a linking part would be super useful, for different frameworks and different pages

  • @akashddeepchitransh4537
    @akashddeepchitransh4537 8 หลายเดือนก่อน +1

    Great video. Crisp n clear👍👍

  • @KPBhan
    @KPBhan 2 ปีที่แล้ว +1

    Awesome creation, very useful and helpful video

  • @saadowain3511
    @saadowain3511 2 ปีที่แล้ว +3

    Another great tutorial. may Allah reward you.
    Yes please Part 2

  • @ahmetdemir8047
    @ahmetdemir8047 2 ปีที่แล้ว

    thank you so much, it was very helpful to get the idea for micro frontend

  • @romimaximus
    @romimaximus 2 ปีที่แล้ว

    Wow !!, thank you !!, i've been searching for a tutorial on "Microfrontends" for a while !!, .. i just didn't understand, why the "nodemon" package , but thank you very much for sharing this !! 😎👍

  • @americoperez810
    @americoperez810 2 ปีที่แล้ว +5

    Can you do a video showing Routing between different microfrontends that use different frameworks or maybe state management between microfrontends from different frameworks?

  • @codeaperture
    @codeaperture 2 ปีที่แล้ว +4

    Hey connect React and Vue in the next video 💯🤒
    (If we reach 2k likes)

  • @0xccd
    @0xccd 2 ปีที่แล้ว +1

    When the React/Next TypeScript version? Love it! !

  • @TheRikyregna
    @TheRikyregna ปีที่แล้ว +1

    nice video, if you would make a #2 video i watch it for sure 🤙

  • @leg875
    @leg875 7 หลายเดือนก่อน

    Very clear explanation ever for MFE. ❤ btw could please elaborate the details of this MFE in the upcoming parts. I am interested to know the error handling when one of the mfe fails, deployment to cloud and accessing the remote url elegantly etc

  • @faizansayyed3047
    @faizansayyed3047 2 ปีที่แล้ว

    Great video.. waiting for part 2

  • @JhonatanMorais
    @JhonatanMorais ปีที่แล้ว

    fantastic!!! thank you

  • @ashishk007
    @ashishk007 2 ปีที่แล้ว +2

    Is it just me or the video seems incomplete ? since the linechart component is still invisible by the time you finish. Overall, good content. thanks.

  • @CTheMishra
    @CTheMishra ปีที่แล้ว

    Good tutorial

  • @mariusclaudiu8479
    @mariusclaudiu8479 9 หลายเดือนก่อน

    Superb

  • @dhavalvanjara572
    @dhavalvanjara572 ปีที่แล้ว

    Please create content on micro front-end with ReactJs and if possible complete this one too.

  • @miervaldis42
    @miervaldis42 2 ปีที่แล้ว

    I didn't watch the video yet, but thanks a lot anyways !
    Many recommend to use micro-frontends but aren't able to give some straightforward explanations or example.
    If you could do a video about how to implement micro services & monorepo, that would be quite perfect

  • @sohaibnajjar3866
    @sohaibnajjar3866 2 ปีที่แล้ว

    Thank you

  • @unemployedcse3514
    @unemployedcse3514 ปีที่แล้ว

    Awesome 😍

    • @pupil_1
      @pupil_1 ปีที่แล้ว

      did you face any dependency version problem

  • @mahendranath2504
    @mahendranath2504 2 ปีที่แล้ว

    Thank you so much for a great content 👌👍👏🙌❤👍, happy subsriber

  • @nro337
    @nro337 2 ปีที่แล้ว

    Nice video!

  • @hannyfransis8107
    @hannyfransis8107 2 ปีที่แล้ว

    What a channel !! Really great job
    Can you please make a project ecommerce with react + redux+ typescript

  • @learntounlearn2500
    @learntounlearn2500 2 ปีที่แล้ว +2

    Plz let us know why linechart didn't appear in container i.e last minute of the video .Also plz do make a video on integrating react with react or angular frontends.Thanks

    • @ramanujam_gond
      @ramanujam_gond ปีที่แล้ว +4

      @learn - rename the value of the name key from "barchart" to "linechart" in the package.json file and restart the server.

  • @cloudsystem3740
    @cloudsystem3740 ปีที่แล้ว

    thank you very much 🙏🙏 how i can achieve that with Rollup ?

  • @aliceliu5895
    @aliceliu5895 11 หลายเดือนก่อน

    I would like to know why we need to add a canvas which Id is barchat-dev? Is that because we only expose src/index.js?
    And why the remote name can not be the same with cavas id?
    Thanks for sharing.

  • @taiseen-ai
    @taiseen-ai 6 หลายเดือนก่อน

    Where is the last bug fixing section...?

  • @mohitdhote2623
    @mohitdhote2623 ปีที่แล้ว

    Is it possible to create micro frontend in diffrent framework and render it in one single page application with module federation if yes how to do that configuration
    Please help

  • @me.0.0.0.0
    @me.0.0.0.0 2 ปีที่แล้ว

    I can't able to install create react app with yarn which step of command i have to follow

  • @Jamie-pq9gn
    @Jamie-pq9gn 2 ปีที่แล้ว

    Thanks, I have a question.
    Is it possible to communicate between barchart linechart containers?
    Is it suitable to use pubsub.

  • @filippetkovski191
    @filippetkovski191 2 ปีที่แล้ว +1

    Please Part II, or a paid course on Udemy!

  • @athero02yt3
    @athero02yt3 8 หลายเดือนก่อน

    Anybody got tutorial how to deploy them to cloud?

  • @joshkornblum1881
    @joshkornblum1881 2 ปีที่แล้ว

    what ended up being the issue as to why it wasn't showing the second container?

    • @murwathmehtar861
      @murwathmehtar861 ปีที่แล้ว

      In linechart project with package.json change name from "name": "barchart" to "name": "linechart". This will show the second container

  • @ducmynguyen
    @ducmynguyen 2 ปีที่แล้ว

    Xin chào bạn nhé