The Microfrontend Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ค. 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.

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

    Great video. Crisp n clear👍👍

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

    Awesome creation, very useful and helpful video

  • @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

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

    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 !! 😎👍

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

    fantastic!!! thank you

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

    Great video.. waiting for part 2

  • @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?

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

    Nice video!

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

    Superb

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

    Thank you

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

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

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

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

  • @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.

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

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

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

    Good tutorial

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

    Awesome 😍

    • @pupil_1
      @pupil_1 10 หลายเดือนก่อน

      did you face any dependency version problem

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

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

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

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

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

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

  • @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.

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

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

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

    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

  • @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

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

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

  • @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

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

    Where is the last bug fixing section...?

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

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

  • @learntounlearn2500
    @learntounlearn2500 ปีที่แล้ว +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.

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

    Anybody got tutorial how to deploy them to cloud?

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

    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.

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

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

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

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

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

    Please Part II, or a paid course on Udemy!

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

    Xin chào bạn nhé