Como usar Bootstrap dentro de React

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

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

  • @FalconMasters
    @FalconMasters  3 ปีที่แล้ว +8

    Si te gusto el video por favor dale manita arriba 👍 y no olvides suscribirte para mas tutoriales!

    • @riskbreaker9
      @riskbreaker9 3 ปีที่แล้ว

      Que es bootstrap?

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว

      @@riskbreaker9 Tengo un video donde hablo sobre que es:
      th-cam.com/video/LYubk9RXENk/w-d-xo.html

    • @VictorManuel-gs5bn
      @VictorManuel-gs5bn 2 ปีที่แล้ว

      amigo como sacas el sfc del componente funcional, a mi no me sale

  • @htech-r4u
    @htech-r4u 3 ปีที่แล้ว +3

    Hola Prof. Carlos Arturo! Justo ahora mismo estoy haciendo el curso de React que tiene por Udemy. Está buenísimo!!! Gracias por compartir todos sus conocimientos con nosotros. Usted ha contribuido exponencialmente en mi carrera como desarrolladora! ¡Grande Profe!

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

      Muchas gracia a ti Hiliana, es un gusto que mi curso te sea de mucha ayuda!

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

    NO SABES CUANTO TE AMO, CUANDO TE VEA TE DOY UN BESO

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

    Lo que necesitaba cuando lo necesitaba, un crack

  • @josejulianjacomedlf4286
    @josejulianjacomedlf4286 3 ปีที่แล้ว

    Tu Canal este 7 de noviembre cumple 12 años 👏👏 Tú si que eres un Máster Carlos Arturo.
    Para Ese Día regalanos Un Curso de como crear Una app más o menos grande con React
    No importa si el video demora 3 o 4 hora, esa es la forma que están Implementando los Creadores de contenidos.

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

    Este tuto me salvó! gracias por compartir conocimiento

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

    Excelente como siempre, seria genial que hicieras un vídeo de transición de componentes en react, usando react transitions group o algún otro, gracias

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

    Yo estaba buscando esto hace tiempo muchas gracias ♥♥

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

    Explicas muy bien! Gracias por el vídeo

  • @Cristian-ik6fl
    @Cristian-ik6fl 2 ปีที่แล้ว

    Me salvaste la vida !!!!! mil gracias

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

    Muchisimas Gracias amigo!!! me ayudaste un montón. Ya me suscribi a tu canal.

  • @nicolacho87
    @nicolacho87 3 ปีที่แล้ว

    Excelente amigo, muchas gracias por el aporte. Sobre todo por la segunda forma que me parece se ve mas profesional trabajarlo así...

  • @kevinv.o
    @kevinv.o ปีที่แล้ว

    Excelente explicación

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

    Excelente aportación!

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

    Muchas gracias genius

  • @all-eter-4289
    @all-eter-4289 2 ปีที่แล้ว

    gracias era lo que buscaba :D

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

    Bro, una pregunta que me dejaste con una duda existencial ajajaj no tienes que poner "CLASSNAME" al momento de poner las clases de bootstrap O.o o... solo xq es bootstrap puedes djarlo en "CLASS"..

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

    muchas gracias

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

    Hola Gracias muy bien explicado, pero me surge una duda, ¿Por que no marco error cuando creaste tu componente de acordeon y sigues haciendo referencia a las clases como class y no como className?

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

      creo que porque tiene .js y no .jsx puede ser no lose, tambien tengo esa duda

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

    te amo señor

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

    Hola, como instalo bootstrap en Laravel o como hago para utilizr React y tambien bootstrap sin un CDN si no configurandolo.

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

    Hola Muchas gracias por compartir los conocimientos. El codigo que me traigo de bootstrap, tengo que adaptarlo? Por ejemplo className en lugar de class ? Porque no estaria pudiendo hacerlo correr. Mil gracias

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

      si,debes adaptar algunos nombres

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

    Gracias! Muy bien explicado todo. Pero solo tengo una duda, hay alguna razon especifica para instalar bootstrap con npm? Pareceria ser menos limpio que la otra forma de incluir los css usando los CDNs. Saludos!

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

      al tener instalado con npm install tienes toda la libreria en local es mas rapido de cargar en cambio la cdn pide todo a un server . osea es mas lento .. nose cuanto mas lento ... pero eso me expico un profe XD yo no le vi mucha diferencia tienes una carpeta mas pesada con todos los componentes

  • @emanuelpalazon6508
    @emanuelpalazon6508 3 ปีที่แล้ว

    Falcon excelente video!, una pregunta, que ventajas genera usar bootstrap de la primer forma comparada con la segunda forma? hay alguna ventaja hacerlo de la segunda?
    Gracias!

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

    ya no está más el link de compiled css del final en bootstrap

  • @NovatoWTF
    @NovatoWTF 3 ปีที่แล้ว

    Solo vine a Dar Like Y comentar. 😁

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

    Genial! Gracias!!!

  • @AlejandraPC
    @AlejandraPC 3 ปีที่แล้ว

    El M-E-J-O-R canal de Yt ✨🤩

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

    Porque no andan los tooltips con eso ?

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

    Oye, Carlos ¿cómo mueves un bloque de varias lineas de código a la izquierda o derecha? Es decir ¿cómo indentas varias lineas a la vez? Gracias de antemano, maestro.

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

      tab para derecha y shift tab para izquierda

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

    Pero bootstrap normal nombre las clases con class jy react pide classname y no vas a estar haciendo ese cambio en cada elemento, como se soluciona eso ahi?

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

    Muchas gracias porque la librería react-bootstrap no acomoda bien en responsiv las columnas las encima no se acomoda en dispositivos pequeños

  • @The23maanuu
    @The23maanuu 3 ปีที่แล้ว

    Profe una pregunta porque bootstraap anula mi css no hay modo de que convivan juntos?

  • @JuanRamirezV
    @JuanRamirezV 3 ปีที่แล้ว

    Excelente, gracias

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

    Hola tengo casi todos tus cursos en Udemy, y estoy terminando el de React, tengo la duda si se puede usar Vite + React + Boostrap 5 ? es posible instalarlo y usarlo asi como en este tuto ?

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

      Hola, si puedes usar los 3 sin ningún problema, los pasos son los mismos que en este video.

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

    excelente!!

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

    Excelente video como siempre, por cierto, ¿Cuál tema utilizas en VS Code?

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

      Ayu Mirage es el nombre del tema

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

      @@gtfcode4995 Muchas gracias!

    • @gtfcode4995
      @gtfcode4995 3 ปีที่แล้ว

      Está entre uno de los temas de Ayu, porque hay uno que literalmente dice Ayu Mirage pero ese a mi no me gusta, saludos!

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

    react-bootstrap según veo si es de los propios creadores de bootstrap, incluso sale la versión 5.1

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

    podrias decirme que plugin usas para autocompletar el codigo ? Por ejemplo cuando pones div.row se autocompleta. Por que en mi caso instale los de html pero no me autocompleta con react. espero tu respuesta gracias

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

      Hola Gabriel, utilizo el plugin de vscode-styled-components en visual studio code

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

      @@FalconMasters muchas gracias por responder.

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

      @@gabrielaguero2823 De nada! :)

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

    No hace falta import React cuando se usa componente con funciones

  • @scasab
    @scasab 3 ปีที่แล้ว

    Muchas gracias por tu vídeo, me gustó mucho. Ya compre el curso en udemy. Una pregunta, al usar bootstrap 5 con react si se esta usando el virtual dom? Había escuchado que no era una buena práctica con la versión anterior de bootstrap 4 porque usaba jquery y alteraba directamente el dom y no el virtual dom, ojala me pudieras dar tus comentarios.

    • @jc.diazbarreto
      @jc.diazbarreto 2 ปีที่แล้ว

      Yo también quiero que me aclaren esta duda, por favor si alguien lo sabe que lo comente

  •  2 ปีที่แล้ว

    Hola! El Carousel no me empieza a girar solo, ¿alguien sabe si hay que hacer algún paso extra?

    •  2 ปีที่แล้ว

      Tampoco logro hacer funcionar los componentes que requieren js, como los toast, ¿alguien sabe cómo?

  • @andruramirezvargas9680
    @andruramirezvargas9680 3 ปีที่แล้ว

    bro, busco info sobre como realizar una aplicación web que descarge videos de youtube, si se puede mp3 mejor, te paso la idea por si gustas trabajarla y realizar un video.

  • @cristianmtz28
    @cristianmtz28 3 ปีที่แล้ว

    Hola Carlos ¿Cómo estás? Disculpa la molestia pero crees que puedas hacer un video explicando como incorporar SASS con Bootstrap y a su vez con React, tengo la duda si primero crear la estructura de Bootstrap y después pasarlo a SASS y después como compila eso con React, en el curso de Udemy de Desarrollo Web nos enseñas a usar SASS pero no vimos como usarlo con Boosotrap y no sé si esto se pueda; considero que sería super potente eso, gracias y buen día.

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

      Hola Cristian, es una idea interesante la voy a tener en cuenta.
      Pero en resumen lo que tienes que hacer es instalar bootstrap mediante npm, y eso te baja tambien los archivos de SASS, los cuales puedes editar para hacer tu propio tema de bootstrap y luego compilarlo de nuevo.

    • @cristianmtz28
      @cristianmtz28 3 ปีที่แล้ว

      @@FalconMasters Muchas gracias por tu respuesta; es lo que estaba viendo que seria descargar los archivos NO compilados, de antemano muchas gracias por todo y si hay video también de antemano gracias. Que tengas un excelente día.

  • @MiguelAngel-mf3yu
    @MiguelAngel-mf3yu 3 ปีที่แล้ว +1

    Si yo supiera usar react ya no usaría bostrap

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

    rafce

  • @josejulianjacomedlf4286
    @josejulianjacomedlf4286 3 ปีที่แล้ว

    Yo viendo que el componente acordeon tomo las clases con class y no con className

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

      Cierto, se me paso mencionarlo en el video. Pero si copias y pegas el código como yo, tienes que cambiarle los atributos como class a className

  • @alpha_corruption4044
    @alpha_corruption4044 3 ปีที่แล้ว

    el curso de HTML y css como JavaScript me sirven mas un pdf de hacking y el cuso perdido de road xd :v