Como usar Bootstrap dentro de React

[@FalconMasters]

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

[@riskbreaker9]

Que es bootstrap?

[@FalconMasters]

@@riskbreaker9 Tengo un video donde hablo sobre que es: kzbin.info/www/bejne/gorYk55vh714hM0

[@VictorManuel-gs5bn]

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

[@htech-r4u]

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]

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

[@facujoel__]

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

[@josejulianjacomedlf4286]

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.

[@jeronimoperez7992]

Lo que necesitaba cuando lo necesitaba, un crack

[@carloscarmenaterodriguez9576]

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

[@lizbethmc9057]

Este tuto me salvó! gracias por compartir conocimiento

[@devjuan5623]

Yo estaba buscando esto hace tiempo muchas gracias ♥♥

[@Cristian-ik6fl]

Me salvaste la vida !!!!! mil gracias

[@andresfelipeechavarriamoli8280]

Explicas muy bien! Gracias por el vídeo

[@kevinv.o]

Excelente explicación

[@romi4386]

Muchas gracias genius

[@abelito0024]

Excelente aportación!

[@all-eter-4289]

gracias era lo que buscaba :D

[@marcoalayn3633]

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

[@nicolacho87]

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

[@AlejandraPC]

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

[@FalconMasters]

Muchas gracias! :D

[@kellygomez1716]

te amo señor

[@emanuelpalazon6508]

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!

[@Botaprio]

Genial! Gracias!!!

[@josueduran08z]

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

[@gtfcode4995]

Ayu Mirage es el nombre del tema

[@josueduran08z]

@@gtfcode4995 Muchas gracias!

[@gtfcode4995]

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

[@CarlosMRodriguez333]

muchas gracias

[@nahueljimenez9294]

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"..

[@zelgady]

excelente!!

[@nahuel427]

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]

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

[@jlgonza2282]

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

[@NovatoWTF]

Solo vine a Dar Like Y comentar. 😁

[@FalconMasters]

Muchas gracias!

[@davidcanalespaez4967]

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]

tab para derecha y shift tab para izquierda

[@JuanRamirezV]

Excelente, gracias

[@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]

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

[@marialaurabisaccia2638]

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]

si,debes adaptar algunos nombres

[@marvinrosa998]

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

[@marilen631980]

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

[@scasab]

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]

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

[@The23maanuu]

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

[@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]

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

[@lanni.]

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

[@henrymartinez1055]

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?

[@cristianmtz28]

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]

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]

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

[@andresdallapozza3178]

Porque no andan los tooltips con eso ?

[@andruramirezvargas9680]

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.

[@gabrielaguero2823]

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]

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

[@gabrielaguero2823]

@@FalconMasters muchas gracias por responder.

[@FalconMasters]

@@gabrielaguero2823 De nada! :)

[@dangerosa01]

No hace falta import React cuando se usa componente con funciones

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

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

[@MiguelAngel-mf3yu]

Si yo supiera usar react ya no usaría bostrap

[@josejulianjacomedlf4286]

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

[@FalconMasters]

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

[@liberandotiempo6825]

rafce

[@alpha_corruption4044]

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