Getting started with Vite js + React js + Bootstrap

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 37

  • @GreenPear-mz4dl
    @GreenPear-mz4dl Рік тому +3

    very nice video, thanks for sharing!

  • @kirstenjohnson3091
    @kirstenjohnson3091 Рік тому +3

    I recently learned Bootstrap and React, so this was perfect. Thank you!

  • @DsComputerWorld
    @DsComputerWorld Рік тому +2

    Thanks for sharing with us. This whole project uses such marvelous packages which is best for frontend and backend. It helped me a lot.

  • @scarredgaruga
    @scarredgaruga Рік тому +2

    even though an explanation would be better, this really helps me starting my project. Thanks!

  • @Nurpie
    @Nurpie Рік тому +2

    Many thanks! Official bootstrap page for vite integration was even wrong

  • @saumyaggarwal4088
    @saumyaggarwal4088 3 місяці тому

    i have question why are copying components from react website when we can do it directly from bootstrap(like the jumbotron). Is there any benefit in doing so?

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

    thankssss my bro ❤.
    i am from Indonesia.
    I love this video.
    Godbless

    • @bloklab
      @bloklab  Рік тому +1

      Your welcome, stay tuned for more videos coming soon 👍

  • @vvhoisp.v
    @vvhoisp.v Рік тому +1

    How localhost u have visible without put npm run dev in terminal? i need to see

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

      Hi, to access local host visibility you need to open up chrome dev tools, right click -> inspect, her you see tabs starting with “Elements, console, components etc” click on the tab that says “Application” if you can’t see this click on the arrows, when you click application you see local host on left side. Hope this helps

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

    Perfect !!

  • @fadhilhasan-x2e
    @fadhilhasan-x2e 10 місяців тому

    hey, would you tell me how to auto import like you when you code it's auto import at top

    • @bloklab
      @bloklab  10 місяців тому +1

      Hi, in order to automatically import like in the video, you first need to ensure the component is created in your components folder with the relevant code within the component, once this is done vs code should recognise this so when you start typing it should auto import for you.
      Hope this helps and let us know if you get stuck

    • @fadhilhasan-x2e
      @fadhilhasan-x2e 10 місяців тому

      @@bloklab it's already work, thanks, can you make another tutorial getting started vite react with bootstrap and scss ? so i can override class of bootstrap with scss please

  • @VictorSantos-is5yk
    @VictorSantos-is5yk Рік тому +1

    Nice video, what extansions you use to create arrow function?

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

    Amazing video

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

    100th sub here.

  • @nithyalakshmim7411
    @nithyalakshmim7411 8 місяців тому

    why you change ma-auto to ms-auto how to know that

    • @bloklab
      @bloklab  8 місяців тому

      Me-auto (margin-end) is same as Margin-right Ms-auto (margin-start) is same as ml-auto
      By changing the default bootstrap code this pushes the nav links over to the right
      Hope this helps

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

    Hello thanks for your video, I have a question can I handle a single css file?

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

      Hi Andres, this would be possible so long as you use “id” selectors for specific elements.
      Hope this helps

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

    Thanks!!!

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

    why u dont make another page for about?

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

      The process is the same to create additional pages, just follow the steps and route the backing to the about page instead of “/“.

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

    why don't you use latest boostrap

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

      Personal preference and compatibility with various versions and frameworks

  • @ericksegura478
    @ericksegura478 Рік тому +1

    Excelente muy bueno.

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

    hello sir , can you make video about vite app deployment into github page ..

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

      Sure can, make sure to subscribe and turn on bell notifications 🔔

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

      @@bloklab ok..done..after that you make also a video about typescript using vite

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

    Nice man! why you use the version 4.6 boostrap??

    • @bloklab
      @bloklab  Рік тому +3

      It’s more widely used across new and old web development

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

      @@bloklab but bootstrap 5.3 is compatible with react-bootstrap 2.8, right :? thanks in advance :)

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

    super

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

    the screen is to small maybe you can increase the font size😢