Creating a Rush Monorepo with a React App and Shared Component Library

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

Комментарии • 74

  • @leighhalliday
    @leighhalliday  4 года назад +61

    Would anyone like to see me make the same video but with Lerna?

    • @abhinav.sharma
      @abhinav.sharma 4 года назад +5

      Of course!!❤️❤️❤️❤️❤️❤️🔥🔥🔥🔥

    • @dimitrisefstathiadis6562
      @dimitrisefstathiadis6562 4 года назад

      Can you do the same with Nx by Nrwl byes well?? I highly recommend it. It is so versatile you can make a series out of Nx..

    • @muhamadimron9785
      @muhamadimron9785 4 года назад +1

      yeah sir Leigh and it would be great , if u make it run along side with storybook/or react-styleguidist

    • @igor_cojocaru
      @igor_cojocaru 4 года назад

      Absolutely!
      Great idea

    • @larube
      @larube 4 года назад

      Yes i would really appreciate that !

  • @abhinav.sharma
    @abhinav.sharma 4 года назад +7

    "royally messed up"
    ah!! Mr. Halliday, you're a man of culture as well.
    Nice video as always!

    • @leighhalliday
      @leighhalliday  4 года назад +2

      Culture is my middle name! Thanks Abhinav!

  • @mohssinerassy4733
    @mohssinerassy4733 3 года назад +1

    pnpm it let you share one node_modules folder so you will avoiding have alot of them for each npm project ...

  • @kasunsaumya3151
    @kasunsaumya3151 3 года назад

    you can use any package manager(yarn or npm) to install mono-repo....

  • @davidalexander8786
    @davidalexander8786 2 года назад

    something that I really take care on monorepos is the graph dependency and different versions within apps and libs, one just need to be very carefull

  • @JacquiAmanda
    @JacquiAmanda Год назад

    This is incredibly helpful, thank you !

  • @alejonanez
    @alejonanez 3 года назад

    This was a great video - thanks for sharing!

  • @lookintomyeyes2681
    @lookintomyeyes2681 4 года назад +1

    The idea itself seems really cool, but isn't it hard to scale this up if we have many apps?.. am thinking of the monorepo size...
    It would be cool if different package manager install profiles itself can be globalized to minimize the size and get shared to run apps also does the rush takes more time to build if we deploy an app that does not include a component that another app uses?

    • @leighhalliday
      @leighhalliday  4 года назад +1

      I'm sure there are ways around excess build times! I think the key would be to know what your dependencies are, and then try to only build when the dependencies have changed. You'd have to do some work with the CI tool of your choice to make this happen, but I think it is possible!
      I think the other problem is worse... managing 15 different repos that are all somehow related and trying to keep them in sync.

    • @davidalexander8786
      @davidalexander8786 2 года назад

      there is packages cache and only building what you need or change. Have you worked with 10 different repos at the same time for one app? crazy. Webpack is also a monorepo

  • @kolta-1212
    @kolta-1212 Год назад

    🎉Incredible AWESOME ❤

  • @leom553
    @leom553 3 года назад

    Good video. Should be great if you create any rig packages into rush structure.

  • @beyondant
    @beyondant 3 года назад

    Awesome video, but I found that after `rush deploy` you don't need to build it again, it should auto migrate the `build` file over unless you had it inside .gitignore of your app. Maybe they patched it from the point of the video.

  • @milec7092
    @milec7092 3 года назад

    Hi @Leigh Halliday🙂 , can you tell me how do you make the name of the branch appear in your terminal? Or can do you do a video for that. Or better give me the link to an article where I can learn how to place that, please. Thanks

    • @leighhalliday
      @leighhalliday  3 года назад

      Hey Mile! I am using oh-my-zsh with the powerlevel10k theme, which is what shows it :)

  • @davidalexander8786
    @davidalexander8786 2 года назад

    there is no need to cd into every app/lib to run scripts. In a monorepo u should always run scripts from repository root folder

  • @chitoan77
    @chitoan77 6 месяцев назад

    Nice, thank you.

  • @cray1303
    @cray1303 4 года назад

    Thank You. This video was very useful. You have helped me to understand Rush Configuring. Best regards :)

  • @lecongnha0901
    @lecongnha0901 3 года назад +1

    Can we do this with only using yarn workspace?

    • @leighhalliday
      @leighhalliday  3 года назад

      Maybe! But I am not familiar with yarn workspaces... give it a try!

  • @MeatCatCheesyBlaster
    @MeatCatCheesyBlaster 2 года назад

    I got some error with netlify, think I followed all your steps correctly, but it could not build it

  • @shrikanthps7409
    @shrikanthps7409 Год назад

    dude you are awesome

  • @Chrosam
    @Chrosam 4 года назад

    Thanks for the video.
    Any thoughts on Rush vs Lerna ?

    • @leighhalliday
      @leighhalliday  4 года назад +2

      I'd love to tell you but I haven't used Lerna yet :) Have you?

    • @Chrosam
      @Chrosam 4 года назад

      @@leighhalliday Yes, we're using lerna where I'm working, mostly to bump all modules at once with `lerna bootstrap`, and publish the new version of the monorepo to npm (private registry) with `lerna publish` (we're using a script to handle these commands and linking them through npm custom scripts)
      What caught my interest in rush (which I learned about from your video) is that it's by microsoft, but what stopped me from diving deep is that it doesn't seem to be widely adopted (other than a post I found on reddit saying they use it at Uber)

    • @tarunsukhu2614
      @tarunsukhu2614 4 года назад

      I am using lerna with tsdx and cra , lerna does have good utilities where you can publish only the sub projects which are updated.. I am yet to check how rush handles it. The main concern I see is the new config json files which is more config over convention.. more code to maintain which you aren't really owning

  • @sachinmogha5168
    @sachinmogha5168 5 месяцев назад

    learned a lot

  • @malikbrahimi7504
    @malikbrahimi7504 4 года назад

    Can you do a tutorial on DevOps and scalable architecture for developers? I can containerize the components of my full stack apps but I really don't know how to setup CORS and the network between them, or how to decide which DB to use or how to scale it, how to use CI/CD, how to actually deploy and orchestrate containers, etc.

    • @leighhalliday
      @leighhalliday  4 года назад +2

      Hey Malik! Sorry, I wish I knew that stuff, but it's definitely outside of my strengths. I can barely get Docker working well on my mac locally!

    • @malikbrahimi7504
      @malikbrahimi7504 4 года назад +1

      @@leighhalliday That's all good! Just wondering, thanks for the awesome content

    • @chris3079
      @chris3079 3 года назад

      @@malikbrahimi7504 is use TechWorld with Nana for that

  • @viktorsoroka4510
    @viktorsoroka4510 4 года назад

    Good stuff. It would be great if you would explore lerna as well.

    • @leighhalliday
      @leighhalliday  4 года назад +1

      Hey Viktor! Great idea! I'll add it to my list.

  • @yoyobu1666
    @yoyobu1666 4 года назад +1

    Can you do the same but between react js and react native please

    • @leighhalliday
      @leighhalliday  4 года назад

      Hey Yoyo! I'm not very experienced with React Native... in the future perhaps I'll cover RN, but not right now.

  • @mortezatourani7772
    @mortezatourani7772 4 года назад

    Awesome stuff

  • @rubiadias7677
    @rubiadias7677 4 года назад

    Muchas gracias una vez más. Saludos.

    • @leighhalliday
      @leighhalliday  4 года назад

      De nada Rubia!! Gracias por tu apoyo!

  • @chris3079
    @chris3079 3 года назад

    Did you try with tsdx react storybook, keep getting loaders error, thinking its like yarn workspaces no-hoist issue.

    • @leighhalliday
      @leighhalliday  3 года назад +1

      Hey Christopher, no that's not something that I've tried yet.

    • @chris3079
      @chris3079 3 года назад

      @@leighhalliday do u at work use Storybook? Any thought on it. Its a tool i wanna add to my bag.

    • @leighhalliday
      @leighhalliday  3 года назад +1

      Yes! At work we use it... but I don't do a lot of frontend dev at work so I am not super familiar with it.

    • @abc-yg6tk
      @abc-yg6tk 3 года назад +1

      tsdx is not actively maintained, when you use it with rush the unit tests dont work. A bunch of libraries like rollup and eslint are out of date. Unfortunately even in 2021 there are no gold standard updated tooling to just easily bootstrap a typescript react component library. If you do please let me know.

  • @igor_cojocaru
    @igor_cojocaru 4 года назад

    Thank you!

  • @johnsmith9288
    @johnsmith9288 4 года назад

    Can you do work on reversing code and using undocumented APIs

    • @leighhalliday
      @leighhalliday  4 года назад

      Hey John! I think the closest I'll get to that is this video on web scraping: ruclips.net/video/iUtiHjBhYL8/видео.html

  • @manuelmorales8974
    @manuelmorales8974 3 года назад

    Saludos!

  • @dvjay1026
    @dvjay1026 Год назад

    I had high hope with Rush. Build up a project for more than a month. It's very buggy with no support. I don't think microsoft is very serious about Rush, neither the core developers. It feels more like their toy project. I moved on.

  • @dennisdecoene
    @dennisdecoene 2 года назад

    Too.....many...... ADS! Otherwise thanks good info.

    • @leighhalliday
      @leighhalliday  2 года назад

      Think of it like you're helping me retire one day :)