Тёмный

Creamos una app en React ! buenas prácticas, clean architecture, redux, context y Typescript ! 

Gentleman Programming
Подписаться 43 тыс.
Просмотров 64 тыс.
50% 1

¡Buenas, buenas mi gente!
Creamos una app en React ! 🤪🤪
Hacemos una prueba técnica para position SENIOR con #Redux, #Context, #Axios, #CleanArchitecture, #Typescript, #buenasprácticas y más
A por ello !
🔴Si quieres hacer una donación🔴
streamelements.com/gentlemanp...
REPOSITORIO: github.com/Gentleman-Programm...
🔴▬ Links de interés ▬🔴
Link a RU-vid: / gentlemanprogramming
Link a Twitch: t.co/vodIqiCH9N
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web: amzn.to/2ReBuzL
#comunidad #discord #programming #podcast #live #stream #clase #Angular #ReactJs #interview #lifecyle #componentes #framework #library

Наука

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

 

3 сен 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 152   
@Michelbouf
@Michelbouf 9 месяцев назад
06:22 Explicación de la Prueba Técnica 13:03 Diseño de la app 18:20 Crear app (Visual Studio Code)
@Michelbouf
@Michelbouf 9 месяцев назад
20:26 Instalar MUI y Styled Components 24:40 Crear carpetas 29:04 Limpiar App tsx 32:14 Implementar Home 34:20 Navbar 45:09 Table 1:05:10 Implementación de Styled Components 1:16:00 Añadir Checkbox (favoritos) 1:32:08 Crear Redux 2:11:38 Modal 2:29:10 ...
@NahuelMerlo-zg1gp
@NahuelMerlo-zg1gp 8 месяцев назад
Héroe sin capa
@andresparra5828
@andresparra5828 Год назад
La calidad de contenido de este canal está a otro nivel , he aprendido muchísimo de buenas prácticas y detalles en medio de la creación de un proyecto grupal, y las he aplicado a medida de lo posible. Gracias, todo esto es oro, desearía que algún día crees una app utilizando RTK Query o algo similar para el manejo de los estados que dependen de funciones asíncronas, de nuevo gracias por el conocimiento que me has aportado.
@alexisgraff2049
@alexisgraff2049 Год назад
Que gran mentor, increíble lo que aprendo con tus videos, seguí así ! Es muy especial tu contenido !! Pocos saben tanto y saben explicarlo de manera que todos lo entiendan !
@camilorestrepo6868
@camilorestrepo6868 Год назад
Felicidades me encanto mucho todo lo que aprendi gracias a ti, apoyo total y desde hoy estare bastante pendiente de tus contenidos, saludos desde Colombia!
@angelquesadaruiz3301
@angelquesadaruiz3301 Год назад
El hecho de que te equivoques a veces y vayas de cara con ello me da confianza. Este tipo de vídeos tienen el problema de hacer creer a la gente que todo el mundo programa rapidísimo y que todo el mundo que sube un video a youtube es un Dios, esto genera mucho "síndrome del impostor" y programar cualquier cosa requiere tiempo por muy bueno que seas. Enhorabuena por el vídeo, he aprendido y me ha gustado. Tienes un seguidor más.
@danielpro8529
@danielpro8529 10 дней назад
Que comentario tan real, nada sale perfecto a la primera, todos nos atascamos, todos la cagamos, la victoria esta en levantarse, aprender y superarse
@ivanes285
@ivanes285 Год назад
Gentleman puedes hacer más videos así, por fa?? Son buenísimos y se aprende mucho
@manuelfernandez4307
@manuelfernandez4307 Год назад
Coincido
@grindlps
@grindlps Год назад
Excelente contenido Alan! No se como pero a pesar de las 3 horas ni me di cuenta y te seguia el desafio! Por mas contenido como este 🎊🎊
@danibosna91
@danibosna91 Год назад
Excelente gentle gracias por los aportes que haces a la comunidad
@orange_lov3
@orange_lov3 Год назад
Yo hace poquito descubri el canal, de hecho hasta te tengo en linkedIn(lo agregue despues de ver el directo de angular) y es super completo, se me pego el tuki tuki xD Y la verdad aprendi un monton de buenas practicas, tips, todo.. GRACIAS se queda cortisimo! Genial los dirctos!!
@YeahPerdonen77
@YeahPerdonen77 Год назад
Yo estoy aprendiendo a desarrollar apps web y hoy terminé de armar una calculadora en react y redux, el típico proyecto de principiante, me costó como 2 días hacerlo pero lo logré. Es muy interesante observar lo que me espera en un futuro
@ivanes285
@ivanes285 Год назад
que buenos videos Gentleman , gracias por compartir tus conocimientoss
@giovannileon1063
@giovannileon1063 Год назад
Buenisimo a nivel SUPERLATIVO! Gracias crack
@Amilcar99
@Amilcar99 Год назад
Alta introducción, papaaá!
@alexandergutierrez4211
@alexandergutierrez4211 Год назад
que buen video, muchas gracias por tu entrega.
@MaCMol90
@MaCMol90 Год назад
uy parcero! un capo que sos, muchas gracias! Cuándo podemos ver la segunda parte? la que añades los tests? quedo muy pendiente, me has ayudado muchísimo mi bro, te quiero amigo, te quiero mucho! :)
@oliverdjbrown
@oliverdjbrown Месяц назад
Excelente video Alan
@user-pi1fz6hb6x
@user-pi1fz6hb6x Год назад
@Gentleman Programming pedazo de intro, eres una crack!
@FacuCabj_
@FacuCabj_ Год назад
Estuvo muy bueno este video Alan, aprendi cosas que no sabia, trae mas viddos asi por favor,que sirven un monton, segui Asi alan!
@josealbertomartinezvillega1610
Excelente, muchas cosas buenas en un unico video
@SebasPortu
@SebasPortu Год назад
CAPOOO!!!! lo que aprendi con este video! gracias locura!!!!!
@mauroventicinque8272
@mauroventicinque8272 Год назад
Un triple like. Gracias por tu gran aporte Alan.
@luisgutierrez1481
@luisgutierrez1481 Год назад
Uy este video me lo guardo para más rato. 👌🏻
@jgvlc
@jgvlc Год назад
Genial, este tipo de contenido lo comparte muy poca gente, muchas gracias!
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias a ti José por la buena onda ! 🤍🤍
@danielmarin7217
@danielmarin7217 7 месяцев назад
Alan eres el mejor, muchas gracias aprendí mucho...
@wilfredofermin
@wilfredofermin Год назад
Excelente 👍
@jimenakatu1178
@jimenakatu1178 Год назад
Buenas!! hicieron la parte de testing al final? no le encuentro. Muchas gracias por cierto, muy educativo
@IsaacMartinezJA
@IsaacMartinezJA Год назад
Excelente video, contigo si se aprende! Donde encuentro la segunda parte 😁
@xikote100
@xikote100 Год назад
sos un crack.....y suscrito a tu canal....
@hectorserrano9314
@hectorserrano9314 Год назад
Una pequeña observación: MUI5 ya viene con una API basada en styled components entonces al quedarte utilizando la de MUI tenés la ventaja que el global styles te es accesible (su contexto) por medio de su styled() y así no tienes que hacer malabares para hacer que le llegue al de styled-components así por aparte. El problema es que sino tendrías que mantener dos global styles y sincronizarlos manualmente para ambas dependencias. Feliz de expandirme sobre este tema si a alguien le interesa.
@GentlemanProgramming
@GentlemanProgramming Год назад
Yea! Es que igual ojo, la idea de style componentes es la de hacer que cada estilo sea isolated, y no se tenga impacto entre elementos. Mui y sus styled componentes, como digo en el vídeo, traen la ventaja de poder acceder al theme, cosa que no necesitábamos en la app. Pero la idea principal de los styled componentes es que cada uno viva por su cuenta sin enterarse del otro
@Sergio-di1jt
@Sergio-di1jt Год назад
Este contenido es valiosisimo. Muchas gracias por compartir tus conocimientos. Like y suscritoo
@GentlemanProgramming
@GentlemanProgramming Год назад
De nada Sergio un placer !!
@DaOsukaru
@DaOsukaru Год назад
¡Gracias por compartir, sos un crack!
@GentlemanProgramming
@GentlemanProgramming Год назад
Vos sos más crack por el apoyo 🫀🫀
@jeshuacanizares8003
@jeshuacanizares8003 Год назад
Este men se la pasa diciendo Tuki y tuki. Buen video, bro!
@GentlemanProgramming
@GentlemanProgramming Год назад
Tuki Tuki ;) jajajajjaj
@devripxy
@devripxy Год назад
Sería excelente lo mismo aplicando clean arquitecture en Angular, ver cómo sería paso a paso, o create un curso así sea de pago, sería el primero. Saludos desde Colombia.
@GentlemanProgramming
@GentlemanProgramming Год назад
ya lo tienes ! nos vemos el jueves a las 10pm España en Twitch , luego lo subiré a RU-vid
@pedromanuelcamargomendez6520
Brother excelente tu aporte de lo mejor. muchas gracias
@GentlemanProgramming
@GentlemanProgramming Год назад
De nada Pedro ! 💕💕
@manuonda
@manuonda Год назад
Muchas gracias he seguido el tutorial y me salio todo bien! He realizado unas modificaciones en la parte de redux es lo siguiente : removeFavorite : (state, actions) => { const findIndex = state.findIndex((x:Person) => x.id === actions.payload.id); state.splice(findIndex,1); setLocalStorage(LocalStorageTypes.FAVORITES, state) return state } ------------------ Para remover en favorite he realizado lo siguiente : const handleRemoveFavorite = (person: Person) => { const findFavorite = selectedFavorite.find( (x:Person) => x.id === person.id); dispatch(removeFavorite(findFavorite)); setSelectedFavorite(filterPerson(person)); } Muchas gracias, espero los proximos tutoriales! .Saludos.
@GentlemanProgramming
@GentlemanProgramming Год назад
Está muy bien ! quise separarlo en dos states en mi caso para poder explicar y mostrarlo mejor, pero tranquilamente podrías poner una propiedad más que diga ¨favorite¨ y sea un Boolean, luego solo tienes que filtrar los que sean igual a true 🥰Lo que sí, prefiero que esta lógica que haz hecho se realice en el mismo slice reducer para separar mejor las responsabilidades y no crear dependencia 🤓
@manuonda
@manuonda Год назад
@@GentlemanProgramming ok lo voy a modificar para que quede en el SliceReducer de Favorites..
@danielmesa5722
@danielmesa5722 Год назад
Crack 🤟🤟
@prodrigu75
@prodrigu75 Год назад
Hola estimado. El stream lo pude seguir bastante bien, aunque al final "me perdí un poco" entre tantos cambios de pantalla que hacías, pero en fin, ya está. Te han dicho que tienes un parecido a Freddie Mercury??? Saludos desde Santiago de Chile y creo que me haré fan de tus contenidos.
@woisgraf
@woisgraf Год назад
Hola! Muy bueno! Hay parte 2 ?
@geovannygil2223
@geovannygil2223 Год назад
Excelente por favor más contenido como este de crear una aplicación desde cero, armar una buena arquitectura, sistemas de diseños, buenas prácticas y relacionados sería genial ♥
@felixfigueroa
@felixfigueroa Год назад
😱 Gracias por esto querido Alan ❤ 👏
@GentlemanProgramming
@GentlemanProgramming Год назад
De nada locura ! 💞💞
@alejandrotoledo7234
@alejandrotoledo7234 Год назад
Muy bueno 😌👏
@GentlemanProgramming
@GentlemanProgramming Год назад
De nada Alejandrooooo ! 💝💝
@dariobntz8337
@dariobntz8337 Год назад
👏👏👏👏 cool sr. gentleman
@GentlemanProgramming
@GentlemanProgramming Год назад
Thanks Dariooo ! 💘💘
@marcosmendoza2819
@marcosmendoza2819 Год назад
bajo dios y subio este video.
@drg809
@drg809 Год назад
buen vídeo! no suelo comentar pero hay que alimentar al algoritmo
@GentlemanProgramming
@GentlemanProgramming Год назад
Te lo agradezco de corazón ♥️
@devianhernandez6180
@devianhernandez6180 Год назад
Gracias Papu! sos un crack!!!!!! 🏆🏆
@GentlemanProgramming
@GentlemanProgramming Год назад
Gracias a vos locura por el aguante !
@riut49
@riut49 2 месяца назад
Perdona, como se llama la extensión que usas para crear los barrels?
@rayito845
@rayito845 Год назад
Mas Videos Aprendiendo React!!!!
@luisg3423
@luisg3423 Год назад
Excelente contenido, es la primera vez que veo uno de tus vídeos y he de decir que me ha gustado mucho. Lo único que me genera duda es si esta bien utilizar el localStorage en los reducers, no se si eso se permite con Redux Toolki ya que nos permite escribir 'codigo mutante' o si esos efectos secundarios debemos usarlos en otro sitio. Agradecería tu respuesta crack!
@GentlemanProgramming
@GentlemanProgramming Год назад
Para todo lo que es tema de token si, ya que expira y no aporta a quien lo robe, pero cualquier otra cosa que sea contenido sensible es totalmente prohibido en el local storage. Pero puedes usarlo tranquilamente y sin ningún problema :)
@andresfajardo7383
@andresfajardo7383 Год назад
Para los que no les funciona la extensión (exactamente como en el video) para crear los componentes, sólo tienen que darle downgrade a la version 0.0.6 para que funcione exactamente igual.
@verteramo
@verteramo 10 дней назад
¿Cómo se llama la extensión? Gracias
@SebastianPerezG
@SebastianPerezG Год назад
Recien encuentro tu canal y vi que tenias un flex 1 en el body y tambien place-items:center , quizás hubiera sido bueno que borres todo el estilo por defecto asi no te rompia después. Muy bueno el tutorial, voy a seguir viendo tu canal , saludos !
@GentlemanProgramming
@GentlemanProgramming Год назад
Yes, normalmente uso un normalizer, en este caso ya que lo que quería mostrar era más la lógica de la app no le di mucha importancia. Buen ojo !
@cristianhcalderon8583
@cristianhcalderon8583 Год назад
Hola, como se llama la extencion de creacion de componentes que usas en vs code?
@hamelhmc
@hamelhmc Год назад
Genial!, contenido de Angular piensas seguir realizando?
@jppachar
@jppachar Год назад
Siiii por favor!! 🙏🏻
@GentlemanProgramming
@GentlemanProgramming Год назад
YEs ! nos vemos el jueves a las 10pm España en Twitch para hacer una app desde 0 en Angular ;)
@juanignacio383
@juanignacio383 7 месяцев назад
muy bueno, felicitaciones por el contendio, donde se puede ver la parte 2?, estaria bueno ver como conectar ese data grid a una API y por otro lado ver como usar ese Modal de forma que se pueda abrir mostrando otros valores, no solo la tabla de favoritos, si despues tengo otra cosa que mostrar que se pueda abrir algo distinto
@GentlemanProgramming
@GentlemanProgramming 7 месяцев назад
No hay segunda parte ! para conectar a un data grid y demás tienes mis otros vídeos viendo como hacer peticiones y demás
@omarquijano8440
@omarquijano8440 10 месяцев назад
es posible terminar un ejercicio como este en 20 minutos?, pregunto porque ya me han puesto ejercicios como estos en una prueba técnica, me pidieron hacerlo en 20 minutos en vivo y sin utilizar referencias, honestamente me pareció imposible, ya me pasó en 3 pruebas técnicas
@matiasromera330
@matiasromera330 Год назад
muy buen video crack! igual creo que te la complicaste un poco al crear otro reducer para los favoritos, lo más óptimo habría sido agregar un campo nuevo a cada persona que sea favorite: false y cambiarlo a true dentro del reducer, pero lo demás genial cómo se organizan las cosas y esperando con ansias la parte 2!!
@GentlemanProgramming
@GentlemanProgramming Год назад
Justo ! es lo que había pensado en hacer pero quería usarlo de manera para volver a explicar los conceptos con otro ejemplo 🤓 gracias por prestar tanta atención !!!
@matiasromera330
@matiasromera330 Год назад
@@GentlemanProgramming un placer hermano, es un disfrute tus videos!
@programmingwithclaudio
@programmingwithclaudio Год назад
Muy buena aplicación, gracias.
@GentlemanProgramming
@GentlemanProgramming Год назад
De nada Claudio ! 💟💟
@andresgomez6218
@andresgomez6218 Год назад
Muy buen video crack! Me gustaria saber como haces el debug del minuto 1:52:56, Intente hacerlo, pero no me aparece el Home, ni ningun componente de mi App, Saludos!
@cristianomartins96
@cristianomartins96 Год назад
I have a question regarding the "localstorage". The doubt lies in the difference between "localstorage" and "Cache", because in your SWR videos, where we fetched information from the "Rick and Morty" API, it was said that we could (and we did) store this in the "Cache ". But in this video I noticed that the place where both are stored is the same. What is the difference between "localstorage" and "Cache" ?
@GentlemanProgramming
@GentlemanProgramming Год назад
Great question ! LocalStorage is a place to store information, while the cache is the stored information itself or the act of storing it for later use (persist it) You may cache information inside the localStorage, sessionStorage, indexedDb, etc
@cristianomartins96
@cristianomartins96 Год назад
@@GentlemanProgramming Hummm... ok ok. Thanks !
@alucho79
@alucho79 Год назад
Muy bueno! Una consulta el componente de grilla admite la carga paginada desde el servidor o el paginado/filtrado es solo en memoria? Estuve leyendo y no lo encontré explicado en la documentación 🤔
@GentlemanProgramming
@GentlemanProgramming Год назад
Yes sir ! Tienes que usar el componente paginator de forma separada. Con el paginas la búsqueda en back y el resultado es lo que muestras en la tabla
@emanuelgomez6704
@emanuelgomez6704 Год назад
Gentleman me das tu opinion por favor, de hacer exactamente lo opuesto en el caso que el proyecto escale a una ecommerce de usar context para favoritos, login, carrito de compras, etc y redux para el panel administrativo en el caso de productos, clientes, categorías, etc... ? porque al usar solo redux tendría problemas con por ej. products visibles al publico y products de la parte administrativa, entre otras cosas.
@GentlemanProgramming
@GentlemanProgramming Год назад
Puedes hacer todo desde Redux tambien es todo según tu contexto, a mi me gusta presentar como lo hago yo pero siempre hay alternativas y necesidades distintas. ÚNICA cosa que si te recomiendo si vas por el camino del context, es que si este es bastante complicado en cuanto a la información que guarda, si o si, usa un useReducer porque sino puedes tener problemas de async
@vbullsey
@vbullsey Год назад
estás mezclando el estado del componente (useState) con Redux, pudiendo hacer todo en redux y no trabajar con amba data en los dos lados (evitando el confundir la lógica) buen video por cierto, hay algunas cosas que no sabía, saludos!
@GentlemanProgramming
@GentlemanProgramming Год назад
Puede ser que lo haga para probar algo nada más para debuggear, creo que luego lo utilizo de forma directa y si no es así tienes toda la razón !
@faviomagallanes
@faviomagallanes Год назад
Excelente!, me gustaría puedas hacer algo con react query si es posible
Год назад
Hola Gentleman, cual es la extensión que usas de 'create barrel'??
@GentlemanProgramming
@GentlemanProgramming Год назад
Auto Barrel mister :D
@all-eter-4289
@all-eter-4289 Год назад
hay algun video que explique a fondo sobre la data grid table?
@GentlemanProgramming
@GentlemanProgramming Год назад
Lo crearemos !
@devsilva7155
@devsilva7155 Год назад
las buenas prácticas siempre hacen un código legible y bonito a la vista. psdt: como va la creación de la app en react de subir imágenes a una base de datos en firebase(o puede ser en supabase o como quieras) y que se muestre en un carrusel, por favor. tengo una pregunta, como puedo hacer una api en un archivo json, por ejemplo para una app de rutas de buses, registrar las rutas y usarlas en una app con react?
@GentlemanProgramming
@GentlemanProgramming Год назад
La verdad que medio complicada jajaja la gente me está pidiendo cosas antes pero igualmente debería ser igual que en el vídeo, solicitas la data y la pasas al carousel nada más ni nada menos, lo haces cuando carga el component :)
@GentlemanProgramming
@GentlemanProgramming Год назад
Para subirlas fíjate este docu: firebase.google.com/docs/storage/web/upload-files
@camilorestrepo6868
@camilorestrepo6868 Год назад
Disculpa Alan e estado toda la mañana intentado subir este proyecto a aws amplify, me esta dando error al compilar en aws pero en local todo va perfecto con pnpm dev. Mi pregunta es aws no permite deploy usando pnmp y vite que fue con lo que se realizo el proyecto, que me puedes aconsejar al respecto?
@GentlemanProgramming
@GentlemanProgramming Год назад
Buenas genio ! no pasa nada ! puedes borrar el .lock que genera ppm y utilizar yarn o npm si gustas, puede ser que venga por ahi el problema
@camilorestrepo6868
@camilorestrepo6868 Год назад
@@GentlemanProgramming vale lo voy a intentar mil gracias por tu respuesta y tus excelentes aportes!
@JoelRdz
@JoelRdz Год назад
En la parte de los models, por qué el archivo se llama people.ts y exporta Person, no debería llamarse el archivo person.ts?
@GentlemanProgramming
@GentlemanProgramming Год назад
Depende, en ese caso es people porque representa a más de una persona en la app, y dentro podríamos tener todo lo relacionado con la misma, desde el person, hasta una collection de person que ya sería el people, etc. Trato de generalizar estos archivos normalmente
@facundoleonel487
@facundoleonel487 Год назад
Es excelente lo facil que es aplicar una solucion con redux. Me gustaria saber en que casos conviene utilizar context API y cuando redux.
@GentlemanProgramming
@GentlemanProgramming Год назад
You got it ! Cúando y cómo usar Redux, Context o Rxjs? Con esto tu app no tendrá problemas de comunicación ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-USm-uiVyTuQ.html
@facundoleonel487
@facundoleonel487 Год назад
@@GentlemanProgramming Increible man gracias!
@saustras
@saustras Год назад
usa el navegador de brave, desde que lo uso 0 anuncios en youtube y en casi todas las paginas, además su interfaz y todo es la misma de google chrome pero va mucho mas rápido 10/10.
@GentlemanProgramming
@GentlemanProgramming Год назад
No sabía lo de RU-vid ! Lo usaba anteriormente pero necesitaba que no siempre me sea tan privado, volveremos a darle una mirada
@jhonnyagudelo2467
@jhonnyagudelo2467 Год назад
Buenas, tengo una pregunta a la hora de abril el modal, si en ese componente tengo varios modales, como se haria para abrir cada uno por separado, gracias !
@GentlemanProgramming
@GentlemanProgramming Год назад
Hola ! La idea por ley es que haya siempre un modal a la vez abierto, no te recomiendo abrir más de uno. Para abrir un contenido diferente por cada botón, solo usa el mismo modal y cambia el componente child de adentro. Eso es lo que hago yo en el vídeo :)
@jhonnyagudelo2467
@jhonnyagudelo2467 Год назад
@@GentlemanProgramming asi lo tengo, si me podrias explicar, te lo agradeceria mucho componente donde se hacen las consultas const handleOpenHistory = (id) => { isOpenModal$.setSubject(true); setIdWallet(id); }; const handleOpenBalance = (id) => { isOpenModal$.setSubject(true); setIdBalance(id); }; componente principal {idBalance ? : }
@elProdigio
@elProdigio Год назад
¿Qué significa TUKI, TUKITI y derivados?
@GentlemanProgramming
@GentlemanProgramming Год назад
Modismos Argentinos jajaj es como decir “y listo”
@matiasromera330
@matiasromera330 Год назад
jajaja
@Deus-lo-Vuilt
@Deus-lo-Vuilt Год назад
Gentleman , tienes pensado mas adelante crear proyectos como estos? asi siguiendo pautas y demás ?
@GentlemanProgramming
@GentlemanProgramming Год назад
Yes ! Se vienen cositas 😇
@Deus-lo-Vuilt
@Deus-lo-Vuilt Год назад
@@GentlemanProgramming Genial estaré al pendiente para poder aprender de estas pruebas
@BernhardRutzen
@BernhardRutzen Год назад
Y la segunda parte de este ejercicio?
@GentlemanProgramming
@GentlemanProgramming Год назад
Es solo una parte ! todo lo requerido por el ejercicio ya esta realizado, lo que digo al final son cositas que se podrían hacer luego. Tengo vídeos sobre testing en la playlist de Testing !
@lunaticfriki
@lunaticfriki Год назад
si ya tienes emotion instalado por que instalas styled components?
@GentlemanProgramming
@GentlemanProgramming Год назад
No idea, por ahí estaba probando cosas, ya la verdad que están muy similares los dos a nivel de que están bajo la misma api: emotion.sh/docs/styled Buena lectura : storybook.js.org/blog/541-components-from-styled-components-to-emotion/
@lunaticfriki
@lunaticfriki Год назад
@@GentlemanProgramming yo siempre uso emotion, pero me ha sorprendido porque ya lo tenías instalado y no te hacia falta styled. De hecho mui te permite elegir una u otra librería
@yoanestradablanco1608
@yoanestradablanco1608 Год назад
Manos alguien sabe que extesion es la que utiliza para crear los componetes
@soledadpetrino
@soledadpetrino Год назад
MaterialUI (mui)
@GentlemanProgramming
@GentlemanProgramming Год назад
Estoy usando una de un chico de la comunidad ! marketplace.visualstudio.com/items?itemName=JavierGutierrez.create-component-React
@ecx007
@ecx007 Год назад
Que locura, todo enrrollo se haría con dos lineas de puro html y sin necesidad de eso !!!
@matiasromera330
@matiasromera330 Год назад
jaja éxitos tratando de escalar eso
@GentlemanProgramming
@GentlemanProgramming Год назад
ajajajjaja
@0GERA0
@0GERA0 Год назад
Qué opinas de react query?
@GentlemanProgramming
@GentlemanProgramming Год назад
Esta muy bien ! cualquiera tanto SWR como React Query están perfect :)
@0GERA0
@0GERA0 Год назад
@@GentlemanProgramming excelente, muchas gracias por tu respuesta, espero en un futuro hagas una app similar con React Query :D
@arielgentile-ue7tm
@arielgentile-ue7tm 25 дней назад
Cuanto dinero se cobra por una app como esa?
@Farwar-en3pp
@Farwar-en3pp Год назад
Hola amigos! Tengo un problema, inatale la extención de react create component pero no me pregunta si quiero typescript o javascript, me pone por defecto javascript, y cuando voy a sus opciones pongo por defecto typescript, pero de igual manera me los crea con extención jsx. Si alguien me ayuda seria buenisimoo.
@andresfajardo7383
@andresfajardo7383 Год назад
Hola ando en la misma situación, pudiste solucionar?
@Farwar-en3pp
@Farwar-en3pp Год назад
@@andresfajardo7383 no rey, no pude. Seguro lo habran actualizado y no funciona. Trate con otras versiones pero nada.
@andresfajardo7383
@andresfajardo7383 Год назад
@@Farwar-en3pp Le escribí al autor de la extensión, esperar que me conteste y te cuento.
@andresfajardo7383
@andresfajardo7383 Год назад
@@Farwar-en3pp Tenés razón tiene que ver con la versión de la extensión, la versión 0.0.6 funciona igual que en el video, sólo tenés que ir a la extensión instalada y darle a la ruedita, ahí te sale un menú, le dás a "Install Another Version" elejís la 0.0.6 y listo.
@Farwar-en3pp
@Farwar-en3pp Год назад
@@andresfajardo7383 sos genio hermano, muchas gracias!!
@aguarosada5
@aguarosada5 Год назад
sou novo aqui
@GentlemanProgramming
@GentlemanProgramming Год назад
Welcome !!!
@abrahammolina6841
@abrahammolina6841 Год назад
future
@GentlemanProgramming
@GentlemanProgramming Год назад
proof ? :D
@francoagustin765
@francoagustin765 Год назад
1:16:10 checkbox 1:32:35 redux
@santiagoarrfra4176
@santiagoarrfra4176 Год назад
aa
@facundolavagnino5085
@facundolavagnino5085 Год назад
¡Freddy no murió!! Enseña programación
@GentlemanProgramming
@GentlemanProgramming Год назад
Aviso 1 de 2 antes del ban...No relaciones con Freddy Mercury o Camilo
@facundolavagnino5085
@facundolavagnino5085 Год назад
@@GentlemanProgramming 🤣🤣
@carlosazuaje8381
@carlosazuaje8381 Год назад
Lol angular
Далее
КВН 2024 Высшая лига Четвертая 1/4
1:52:57
КАКОЙ У ТЕБЯ ЛЮБИМЫЙ МАРМЕЛАД?
00:40
Hexagonal Architecture VS Clean Architecture 🥷
16:25
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Просмотров 164 тыс.
🛑 STOP! SAMSUNG НЕ ПОКУПАТЬ!
1:00
Просмотров 160 тыс.