React Cards | React & Bootstrap

[@gabrieltrinidad1774]

Todo lo que se de backend es gracias a ti Fazt muchas gracias espero algún día devolverle el gran favor gracias de nuevo

[@nehemiahgrey625]

i know Im kinda randomly asking but does anybody know of a good site to watch newly released movies online?

[@ahmirjaxen9480]

@Nehemiah Grey Meh I watch on Flixportal. you can find it on google :P -ahmir

[@nehemiahgrey625]

@Ahmir Jaxen thank you, I went there and it seems like they got a lot of movies there :D I appreciate it!!

[@ahmirjaxen9480]

@Nehemiah Grey No problem =)

[@tirakv]

I didn't understand anything this guy said. But the way he showed everything made me be able to create exactly what he did! Thnx!

[@gonzaloduarte6087]

genio como siempre chabon, estaba buscando justamente esto y siempre siempre siempre, tenes todos los recursos que uno necesita. Que te sea devuelto en creces !!!

[@dougcontreras2665]

Gracias, justo lo que buscaba. Me resulto todo bien con las cards. Tengo un mes aprox tratando de aprender reactjs. Solo tuve problemas con Bootstrap cuando quise añadir un navbar, me funciona solo cuando uso los link CDN.

[@m.airala]

A mí tampoco me funcionaba y lo solucioné haciendo: import 'bootstrap/dist/js/bootstrap.bundle.min.js' . Puede que sea ese el problema

[@bharatkotwani2160]

Actually I dont speak Spanish and only English, I quite understood this video! Thanks man for the amazing content :D

[@bogdanasorinescu822]

I don't speak Spanish I only understood little, I understood this video! Thanks for the amazing content !

[@leroycarrasquero9065]

Justo estoy intentando importar bootstrap 😭😭😭 eres el más oportuno. ¡Siempre agradeceré por tus tutoriales!

[@anastaciomontanomauromigue1304]

Y yo aprendiendo react xD

[@moisessandoval18]

Todo lo que quería saber lo haz implementado en un ejemplo tan simple, pero con muchísimo potencial para uno que es principalmente entendiera a la perfección la combinación de react js y bootstrap. Muchísimas gracias inge, te agradezco que me hallase ayudado enormemente!!! Saludos

[@pesiot5337]

Justo necesitaba las cards para aplicarlas a un mapeo en react. Fazt eres un crack, siempre me salvas.👍😁

[@DungeonDeveloper]

Sos increible brother, gracias a ti aprendi un monton

[@saverock_73]

Que bien explicas todo, gracias por hacer estos videos y compartir tus conocimientos

[@fernandomillao1664]

me salvaste con algo que no me habían explicado en un curso que estoy haciendo!

[@Clunhair]

Vaya crack que eres, se nota la experiencia en la fluidez que muestras y la seguridad a la hora de enseñar!! Es el primer vídeo que veo de ti pero ya me has ganado ;)

[@HajimeNoIppo7891]

Podrias hacer un ejemplo de como conectar el backend con node y el frontend con react? Y como desplegar ambos proyectos a la nube? Nunca he encontrado un tutorial como ese y eres el mejor en esto

[@rosapety90]

Eres un crack! Desde Madrid, España

[@luisfelipedelrisco5650]

developers los que no les sale autocompletado(emmet abreviation) entran con shift+ctrl+p(windows) colocan open settings(json) luego agregan "emmet.includeLanguages": { "javascript": "javascriptreact" }

[@matixubkn801]

diossss te agradezco un monton esto!!!

[@oscarclaros2225]

Buen ejemplo, muchas gracias FAZT

[@juancamilorivasmolina3069]

22:54 background: linear-gradient( 180deg, rgba(238, 69, 64, 1) 0%, rgba(199, 44, 65, 1) 15%, rgba(128, 19, 54, 1) 30%, rgba(81, 10, 50, 1) 45%, rgba(45, 20, 44, 1) 100% );

[@optimuspicardd]

Fazt un saludo sigo cada ejemplo, pon mas ejemplos con estilos, sigo informandome con la documentación pero tus ejemplos dan más claridad de cómo hacerlos sigo... en la superación de la práctica por más fracasos hasta alcanzar la meta

[@rogeclash2631]

Muchas gracias por el tuto , muy claro

[@gabrieltrinidad1774]

Un login con jwt y react please 🤗🤗🤗

[@JonnaFajardo]

X2

[@kikecastor]

Gracias Fazt, excelente video!

[@ignaciorosenberg5175]

Como necesitaba este tutorial, gracias crack

[@aldhairgarcia3800]

Excelente curso para empezar a comprender react js

[@AndresRodriguez-qz1vm]

Fazzzzt el grande broth no sabes lo mucho que me sirven todos tus cursos, justo me estan pidiendo realizar un block en Next,js... tengo entendido que puedo usar mucho de react en next asi que ando consumiento tus cursos sabes deberias realizar un curso de un blog profesional con typescript que normalmente siempre es un poco mas complicado que con js por la forma de organizar y definir todos los datos.... SALUDOS Y BENDICIONES BROTHER"

[@javiernunez1678]

Una pregunta soy algo nuevo pero en el minuto 15:45 la clase container que le da estilo a la tarjeta eso viene desde bootstrap cierto?

[@luisdavidtorrestrejo8693]

He aprendido un buen viendo tus vídeos, eres un master Gracias

[@Jusstito13]

15:35 que extension es la del autocompletado?

[@SanchayanPackiyanathan]

Hola amigo quetal ? consulta como se podría tomar una tarjeta y arrastrar en otro posición con el mouse yo se que ahí una librería para eso pero no me recuerdo en este momento...

[@AnaCruz-ci8uf]

Justo lo que estaba buscando, excelente explicación!!!

[@juanignaciobogado1258]

Gracias por tus videos de tan excelente calidad. Saludos desde Argentina fazt

[@mistergplaysxd7622]

se podria hacer un ecommerce utilizando tarjetas, osea poniendo los productos en cards?

[@jobututos9593]

Hola fazt. Te animas a hacer un tutorial de material ui de react? Porfa

[@leo_perez_2023]

muchas gracias fazt, como siempre muy buenas las guias!

[@jenriqueph_]

Excelente trabajo, que extensiones utilizas en visual studio code ?

[@raphael6161]

Fazt porfa, podrías decirme cual es el plugin de emmet que usaste en el ejemplo porfa?

[@jhonmarulanda8518]

Muchas gracias por el tutorial !!!

[@mariano8093]

Excelente video hermano

[@waldirmendozahuaman3769]

que extensión usas para autocompletar los códigos .. gracias

[@FaztCode]

Hol waldir, en este video muestro la lista complete :) kzbin.info/www/bejne/b5rUnodsmb2Mn80

[@AntonioPerez-ng3qe]

hola. fazt como se llama el autocompletado de codigo que usas , como por ejemplo cuando pones img () ya te proporciona esto , en mi caso yo tengo que escribir todo!

[@rodolfonavarro5466]

como resuelvo el tema de la resolucion? hice correctamente igual a como tu lo hiciste pero lo cuadros de textox estan casi fuera de la pantalla :(

[@juanjosereveloalvarez5503]

si quisiera que el boton mostrara o escondiera el texto que tiene cada carta , como lo haria?

[@ivanmerlano887]

Comó se llama ese tema de Visual Studio?, Excelente Video Amigo!!

[@cristhianrojas7930]

Sería de lujo poner temas de NEON sobre los box del formulario, es decir, que al escribir en el espacio alumbre en un color NEON. Saludos coder!

[@agustinperez8700]

Que plugin usa para el auto completado?

[@aadiegoaa96]

Un proyecto de Tensorflow.JS and React.JS principalmente Question & Answer por favor

[@anthonysteinerv]

Estaría cool que subieras un video de React + Servlets CRUD

[@thecno]

Hola Fazt, gracias por el video, me puedes compartir el nombre de los plugins que usas para completar el html y bootstrap please he instalado algunos pero no funcionan como tu lo haces

[@herrkrishio]

que extension usas para el Lorem ipsum?

[@FaztCode]

Hola Cristian. Ninguna. viene integrado en Vsocde, basicamente tienes que escribir lorem y luego presionas las teclas Ctrl + Enter y te saldra el autocompletar.

[@danielmillan8564]

Hola, que buen video, me ha gustado, pero te quiero hacer una pregunta sobre las animaciones, si el elemento al que quiero animar, no esta visible al cargar la web, como podría hacer para que la animación corra solo cuando el usuario vea esa parte de la web?

[@carlacristalli165]

Hola! Muy bueno tu video. Me sirvió muchísimo! Una consulta; ¿Cómo hago para que la tarjeta tenga siempre el mismo tamaño independientemente del texto que contenga en el body?

[@diegoberistaindelamora6594]

Que prefieres tailwind o bootstrap para react?

[@FaztCode]

Para React de momento prefiero TailwindCSS

[@pablocastillo2623]

muy bien explicado !!! 👍👍👍👍👍

[@soysergiodev23]

saludos, estoy trabajando en un archivo .jsx, estoy tratando de escribir condigo bootstrap peor no me está autocompletando, alguien sabe porque? Ya está confirmardo que es por el .jsx pero no se porque..

[@angelmagaquian570]

Cuando empiezo a hacer el map, me salta un error de Array.prototype.map() expects a return value from arrow function array-callback-return, no se como solucionarlo

[@jonathanmeza4141]

37:10 estilos cards

[@marianobazan9044]

Hay alguna forma para hacer lo mismo, pero que el array de las tarjetas esten en otro componente? Porque estoy haciendo el mismo trabajo, pero son muchas tarjetas. Me queda super bien el diseño, pero creo que se podria mejorar porque en el componente de cards tengo mucho mucho codigo por la cantidad de objetos del array

[@Lashistoriasdelilith]

Hola, no entiendo una cosa, ¿cuándo usas Boostrap y cuándo usas CSS? ¿se puede hacer todo con Boostrap? gracias! Agregó que me encantó el proyecto y aprendí muchas cosas nuevas para mi.

[@antoniomardones9730]

puto crack mi rey! trae más de estos videos porfaaavor, un navbar o algo por el estilo! te quedan excelentes

[@jhmesseroux]

Fazt podes hacer un video para mostrar como puedo hacer la animación cuando hace click sobre una película de netflix ???

[@_maizon]

como puedo ahcer pra iterar links? los intenté meter en un array e iterar ese array pero nose si siquera es posible ahcer eso aunque no me da error me da q no se puede, y aparte no funciona... pero no se me ocurre una forma de recoger las etiqeutas links para iterarlas ayuda?

[@_maizon]

la idea seria mostrar un navbar pero sin estar escribiendo 6 veces la etiqueta link etc en el component navbar y resolverlo iterando esos links. Pero no logro llevarlo a codigo

[@cesarmuzio1154]

Hola Fazt ! tengo un problema, despues de instalar bootstrap y hacer el import en el index.js, cuando quiero correr de vuelta el servidor me tira un error diciendo que no se puede encontrar un módulo, a alguien mas le sucede ??

[@julianadelosrios9876]

Esto no es lo mismo que usar Reactstrap no? Porque puedo usar reactstrap sin tener que importar el bootstrap.min.css

[@holahagocovers]

Perdón por la ignorancia, pero cómo haces para cuando tipeas img y le das enter ya se completa toda la estructura? Es un plugin?

[@FaztCode]

Eso autocompletado viene ya integrado en visual studio code. Cuando escribes ./ o / Luego puedes presionar la teclas ctrl + espacio y te saldrá ese cuadro de auto completado, das enter y listo

[@holahagocovers]

Hola, me referia también a cuando pones .nombre y te arma un div con una classname='nombre'

[@jeztraderfx4]

Nose si a cambiado el uso de boostrap en react pero no me funciona usarlo de esa manera…. Me está volviendo loco

[@stevenuriarte7923]

Amigo me puedes ayudar como podría hacer un filtrador para estas tarjetas?. Buen video :3

[@cristiancamilosanchezardil9730]

fazt que plugin te autocompleta la clases de bootstrap cuando hacer .col-md-3 Gracias por el video

[@testball244]

Bootstrap emmet

[@gregorvm7443]

Intenta cambiar el lenguaje de "Javascript" a "Javascript React". Puedes cambiarlo haciendo click en dónde dice Javascript o pulsando Ctrl+shift+p escribiendo "language" dando click en la primera opción. Y luego escribe "javascript react" y das click en la opción. Espero haberte ayudado.

[@alexhizjimenez260]

Eres grandewww fazt

[@tidyodooy]

Estoy haciendo algo bastante sencillo en React usando vite. Pero me surgió un problema, de repente cuando llamo "archivo.js" desde un Script etiqueta html este no funciona. Agradezco cualquier sugerencia :)

[@FaztCode]

Quizas esto sea porque en Vite se usan los modulos de Javascript y ya no te dejan cargar archivos desde afuera, lo que tendrias que hacer es importarlo usando import, npm o alguna CDN de tu biblioteca

[@tidyodooy]

@@FaztCode Gracias Fazt, eso soluciona mi "inconveniente" :). Saludos!

[@solidlucho1]

Te consulto, cual es la diferencia de instalar Bootstrap, con llamarlo desde un link en el head?

[@ivandez1811]

En react no te va a funcionar

[@rukho9888]

Props con imágenes dinámicas pero con next js como sería

[@edwinrafaelhenriquezh2085]

Hace una hora vi otro video de Next.js, lo borraste?

[@FaztCode]

Te refieres a este :) ? kzbin.info/www/bejne/j6jNZ4x9nKpoiKs

[@edwinrafaelhenriquezh2085]

@@FaztCode Excelente, por alguna razón no me lo mostraba, pero ya estoy haciendo el código. Gracias. Te falta el de Strapi y Next.js

[@FaztCode]

Ese lo había olvidado lo apunto para hacerlo esta semana entrante :)

[@edwinrafaelhenriquezh2085]

@@FaztCode Como siempre, excelente; por favor agrega login y registro usando una imagen como avatar y un pdf como resumen de curriculum. pocos manejan el usuario Strapi y menos lo "custimzan". resulta que es lo más común que el usuario tenga avatar y algún documento con sus datos.

[@andrelizaran3597]

Gracias uwu disculpa, una duda ¿Qué tuviste que ajustar en VS Code o que extensión descargaste para poder escribir utilizar el atajo de div.card, al programar en Angular me deja usarlo pero en React no:((

[@lalocanario243]

creo que es ES7 React/Redux/GraphQL/React-Native snippets

[@pablofajardo7580]

para la consola en visual studio code solo con "ctrl + J"

[@FaztCode]

En realidad eso depende del sistema operativo, y del idioma en el que este vscode. por eso menciono la forma mas generica F1, y luego escribir terminal

[@moisesantoniojustoseymour151]

Creo que fazt ya deberia crear tutoriales de machien leaning

[@pavlogcom]

buenisimo 👌

[@classic01128]

el menú inteligente como sale el HTML en js

[@claus0101]

un mern con login y protección de rutas por favor :(

[@carlogustavovalenzuelazepe5774]

Uno usando el cincurrently y otro sin el

[@weeeBloom]

Gracias Fazt!!!

[@JosueAaronzzz]

gracias crack

[@gigatech18]

espectacular

[@carlosazueta5656]

De donde salio este cuate 👍

[@deliocoder8822]

Grande Fazt!

[@frankielibrionesprieto8768]

necesito un appi con node.js y mercado pago ♫♫

[@BABADECARACOL09]

si venis a Argentina, tenes un asado en tu haber

[@emi_yoda1126]

muy buen video no se podrias subir una auth api con python y react o deno

[@tostaostr8168]

Buenardo

[@davi48596]

con razon la gente usa typescript y nextjs xd

[@MrSaggat]

Bro todo bien pero.... 44 minutos de tuto y nisiquiera es un componente de clase ni tiene hooks, simplemente un html?

[@lalocanario243]

uh, se me instaló bootstrap 5 😥

[@haroldlopez152]

pésimo tutorial, con más de 3 tarjetas se descuadra el contenido.

[@jesulujan01]

no me gusto, vas muy rápido y mejor hubieras usado sass

[@jackdimm4898]

Gracias Fazt !!