Como usar Bootstrap dentro de React

Подписаться 510 тыс.

Просмотров 36 тыс.

50% 1

En este video vas aprender dos formas para instalar bootstrap en tus aplicaciones de React.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/d...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/p...
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/r...
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/b...
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/t...
---
📄 Documentación de Bootstrap para Webpack:
getbootstrap.com/docs/5.1/get...
📄 Popper.js:
popper.js.org/
Timestamps:
00:00 - Introducción
03:07 - Primera Forma
08:31 - Segunda Forma
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

Наука

Опубликовано:

22 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@FalconMasters 2 года назад

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

@riskbreaker9 2 года назад

Que es bootstrap?

@FalconMasters 2 года назад

@@riskbreaker9 Tengo un video donde hablo sobre que es: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LYubk9RXENk.html

@VictorManuel-gs5bn Год назад

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

@andresfelipeechavarriamoli8280 Год назад

Explicas muy bien! Gracias por el vídeo

@jeronimoperez7992 2 года назад

Lo que necesitaba cuando lo necesitaba, un crack

@lizbethmc9057 2 года назад

Este tuto me salvó! gracias por compartir conocimiento

@carloscarmenaterodriguez9576 2 года назад

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 Год назад

Yo estaba buscando esto hace tiempo muchas gracias ♥♥

@marcoalayn3633 2 года назад

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

@nicolacho87 2 года назад

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

@josejulianjacomedlf4286 2 года назад

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.

@Cristian-ik6fl Год назад

Me salvaste la vida !!!!! mil gracias

@kevinv.o 4 месяца назад

Excelente explicación

@facujoel__ 2 года назад

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

@abelito0024 Год назад

Excelente aportación!

@Botaprio 2 года назад

Genial! Gracias!!!

@JuanRamirezV 2 года назад

Excelente, gracias

@emanuelpalazon6508 2 года назад

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!

@hilianacarolina4244 2 года назад

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 2 года назад

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

@all-eter-4289 Год назад

gracias era lo que buscaba :D

@CarlosMRodriguez333 2 года назад

muchas gracias

@romi4386 Год назад

Muchas gracias genius

@zelgady Год назад

excelente!!

@kellygomez1716 9 месяцев назад

te amo señor

@scasab 2 года назад

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

@AlejandraPC 2 года назад

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

@FalconMasters 2 года назад

Muchas gracias! :D

@The23maanuu 2 года назад

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

@marialaurabisaccia2638 2 года назад

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 2 года назад

si,debes adaptar algunos nombres

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

@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

@jlgonza2282 Год назад

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

@noc427 Год назад

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

@josueduran08z 2 года назад

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

@gtfcode4995 2 года назад

Ayu Mirage es el nombre del tema

@josueduran08z 2 года назад

@@gtfcode4995 Muchas gracias!

@gtfcode4995 2 года назад

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

@davidcanalespaez4967 2 года назад

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

@marvinrosa998 2 года назад

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

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

@lanni. Год назад

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

@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 9 месяцев назад

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

@rxnmuffsnolimitsongs5020 11 месяцев назад

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 11 месяцев назад

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

@NovatoWTF 2 года назад

Solo vine a Dar Like Y comentar. 😁

@FalconMasters 2 года назад

Muchas gracias!

@andresdallapozza3178 Год назад

Porque no andan los tooltips con eso ?

@cristianmtz28 2 года назад

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 2 года назад

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 2 года назад

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

@andruramirezvargas9680 2 года назад

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 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 2 года назад

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

@gabrielaguero2823 2 года назад

@@FalconMasters muchas gracias por responder.

@FalconMasters 2 года назад

@@gabrielaguero2823 De nada! :)