React & Typescript, Ejemplo Práctico sencillo

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024

Комментарии • 106

  • @shebitasChico
    @shebitasChico 4 года назад +41

    LOS MEJORES VÍDEOS PARA LA CUARENTENA, aprender y no aburrirse
    eres grande, saludos desde Ecuador xd

  • @ghedzko
    @ghedzko 3 года назад +1

    Excelente Tutorial!!!! De lo mejor que veo en la web!!! Muchísimas gracias!!

  • @sergioromero6646
    @sergioromero6646 4 года назад +43

    Podrías hacer un tutorial integrando Nextjs redux y typescript

  • @madabang7
    @madabang7 4 года назад +11

    Justo lo que buscaba , no habia NADA sobre ts y react en español y lo que existe estaba muy desactualizado , buen video >

  • @agustinlavalla8892
    @agustinlavalla8892 4 года назад +7

    Ya me hice como 15 cursos tuyos en esta cuarentena 😂😂. Muchas gracias!

  • @matiassalicru
    @matiassalicru 3 года назад +2

    Vine buscando TypeScript y encontré hooks y bootswatch, que buen servicio

  • @pedromanuelcamargomendez6520
    @pedromanuelcamargomendez6520 4 года назад +4

    Muchas Gracias por este video.Esperaria igual que el compañero. Podrías hacer un tutorial integrando React, Nextjs, redux y typescript

  • @danpetre5414
    @danpetre5414 4 года назад +3

    El tutorial es buenísimo. Me gustaría ver un tutorial mucho más avanzado con React y TypeScript :)

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

    Gracias por enseñarnos con gran claridad y de forma sencilla con estos lenguajes y con ejemplos practicos

  • @andycaseres2
    @andycaseres2 2 года назад

    Estoy comenzando ah aprender typescript para un proyecto y este video me oriento bastante la verdad gracias Saludos

  • @cristiaandelva
    @cristiaandelva Год назад

    Muy bueno el video maestro, muchas gracias por el contenido tan interesante

  • @8koi139
    @8koi139 2 года назад

    Ohhh no tenia ni idea del useRef! muy buena intro a TS!

  • @JairoCollao
    @JairoCollao 3 года назад +1

    Excelente tutorial! Muchas gracias!

  • @spectrumsensations
    @spectrumsensations 4 года назад +3

    Es muy bueno los ejemplos! esta tambien, me gustaria que hagas un ejemplo mas complejo como una red social, vi que tenes alguno pero quedaron como en el tiempo estaria bueno hacer una rede social con react y typescript o solo. Gracias por compartir sos un Genio!

  • @nicketech6348
    @nicketech6348 4 года назад +1

    Super interesante! Espero con gusto el video sobre los temas avanzados! Excelente video como siempre. Gracias Fazt!

  • @LuisAntonio-cd4ck
    @LuisAntonio-cd4ck 4 года назад +1

    Crack, nos manatienes ocupados en esta cuarentena. Muchas gracias, saludos desde Ecuador.

  • @alexislopez16
    @alexislopez16 3 года назад

    Muchas gracias, creo que este es el mejor video que he visto de react y typescript

  • @zaingmingko2239
    @zaingmingko2239 4 года назад +2

    Eres grande hermano, muy grande, excelente video!

  • @pablohernandez4305
    @pablohernandez4305 4 года назад +1

    excelente video y vaya que es interesante typescript

  • @robertorobol5004
    @robertorobol5004 2 года назад

    Excelente explicacion! Gracias por compartir

  • @eliasgutierrezpinto7404
    @eliasgutierrezpinto7404 2 года назад

    Excelente estoy aprendiendo algunas cosas de react, siempre observo tu canal y excelentes contenidos

  • @sergiotrujillo1663
    @sergiotrujillo1663 4 года назад

    Excelente video, me gusto como abordaste el tema de Typescript, en mi caso lo hice con puro JS porque voy aprendiendo, pero se me hace una grata experiencia desarrollar en React con Typescript.

  • @LumbreraEnMiCamino
    @LumbreraEnMiCamino 4 года назад +1

    Esta súper bueno el curso, espero que hagas una app más avanzada y compleja donde uses clases y más el potencial de typescript. Sub componentes, props, etc. Rutas protegidas con roles en react.

  • @jesusalexandergonzalesmanr6504

    Muy buena explicacion Fazt.

  • @Martincito_2013
    @Martincito_2013 4 года назад +1

    Muy buen video, ojalá puedas hacer una segunda parte

  • @cristianarieta3871
    @cristianarieta3871 4 года назад +1

    Hola un saludo desde El Salvador.

    Por favor as un tuto de cómo hacer autenticación con nodejs y passportjs y jwt en reactjs y tambien rutas protegidas.
    por favor.

  • @javalosorozco
    @javalosorozco 4 года назад +1

    Pero que buen video! Hasta sirve de review de React!

  • @abdonmp3901
    @abdonmp3901 2 года назад

    excelente explicación, eres un crack hermano!

  • @nilmendes7710
    @nilmendes7710 4 года назад +1

    Excelente tutorial!
    ¡Me ayudó mucho!

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 года назад

    ei Fazt! vi el otro dia un video tuyo de typescript y react antiguo que aun se usaba mucho el this... me costo mucho, pero ahora entre que hay menos configuración, estoy un poquito más entrenado y que explicas como los angeles, esta clase de react me ha gustado mucho. Iré mejorandolo poco a poco :) Gracias!

    • @FaztCode
      @FaztCode  2 года назад +1

      Intenta luego con el Stack Mern usando Typescript, alli combinaras Nodejs, Typescript y React en un mismo proyecto

    • @SonGoku-pc7jl
      @SonGoku-pc7jl 2 года назад

      @@FaztCode sí gracias! Me ordene y guarde unas pestañas en orden de antiguo a nuevo de tus clases typescript incluiendo la de mern con typescript :D nosé si las haré seguidas o poco a poco pero cada vez menos miedo a ts y mas ganas de ts ;) aunque js puro o con frameworks sigue siendo mi favoritooo ;)

  • @lourdesfrontenddev7794
    @lourdesfrontenddev7794 2 года назад +1

    Muy buen video!!

  • @lewinviola1393
    @lewinviola1393 4 года назад +1

    Hola Fazt, te sigo desde hace 2 años más o menos, y sinceramente creo que deberías crear un curso full stack en Udemy donde pongas todo o casi todo tus conocimientos. Estos pueden ser varios cursos tambn, yo particilamente, los compraría con mucho gusto ya que dominas bien los temas y eres de las mejores personas explicando, suerte en tus proyectos 7w7

  • @andresgarciaalves
    @andresgarciaalves 4 года назад

    La consola se detiene al seleccionar texto en ella.
    Muy buenos tus tutoriales Fazt !!! 👏🏻👏🏻👏🏻

  • @Luistoro777
    @Luistoro777 4 года назад

    Gracias por hacer un trabajo de tanta calidad.

  • @matiassanchezgavier155
    @matiassanchezgavier155 2 года назад

    Muy bueno, gracias por el vídeo

  • @castillobasilioandre9988
    @castillobasilioandre9988 4 года назад +3

    Fazt se me ocurrió la idea de hacer un Login que puedas usar reconocimiento facial en vez de usar usuario y contraseña, en node

  • @diegoarmando538
    @diegoarmando538 3 года назад

    Muchas Gracias Fazt

  •  2 года назад

    Hermaano ,.. Excelente y al hueso ! Me encantó el video brooo ! :D

  • @yvysunu
    @yvysunu 3 года назад

    Sos enorme Fazt!

  • @carlosraul6578
    @carlosraul6578 4 года назад

    Justo estaba en ello, compartiré tu video en la comunidad react

  • @cristianinujazznight3044
    @cristianinujazznight3044 4 года назад +1

    Muchas gracias hermano.

  • @juanmarti6736
    @juanmarti6736 4 года назад

    Excelente, espero otro más complejo!! muy bueno. Gracias

  • @aeros3742
    @aeros3742 3 года назад +2

    Buen curso, gracias, podrías hacer un curso de Stencil, y de como integrarlo con React o Angular

    • @FaztCode
      @FaztCode  3 года назад +1

      Si claro. Apunto la idea :)

  • @ismaelbrojas3236
    @ismaelbrojas3236 4 года назад

    Estaria perfecto uno mas avanzado con typescript y react, gracias por los videos se aprende demasiado :)

  • @sadafasdgsdfh1312341
    @sadafasdgsdfh1312341 3 года назад

    Excelente tuto me sirvió mucho! Sigue así man

  • @gatogtx123
    @gatogtx123 4 года назад

    Muy util y sencillo gracias sigue adelante!

  • @spectrumsensations
    @spectrumsensations 4 года назад

    Gracias por tu aporte! Fazt! Gracias, Es un ejemplo Basico pero esta interesante, si me gustaria que hicieras un ejemplo mas complejo. de todas formas! gracias! :-)

  • @juanperalta5853
    @juanperalta5853 4 года назад +1

    Porfa algo más avanzado y muchas gracias fazt, por otro lado sería bueno tal vez hacer un clon de algo ya que el tema de los hooks se ve bastante interesante

  •  4 года назад +1

    Hola @fazt me gustó este video. Podrías codear un ejemplo pero usando Redux. Me interesa como declaras los types dentro de los actions o reducers

  • @brawnie3969
    @brawnie3969 2 года назад

    Muchas gracias

  • @Auroman007
    @Auroman007 4 года назад

    Excelente, muchas gracias.

  • @colommbiano
    @colommbiano 4 года назад +2

    Maestro podría hacer un video con Nuxt js osea de vuejs pero como podemos proteger las rutas por roles pero usando NUXTJS por favor 🙏🏼

  • @francogiulianopertile279
    @francogiulianopertile279 2 года назад

    Buen video

  • @EzeBranCerati
    @EzeBranCerati 3 года назад +1

    Si alguno esta teniendo un problema al principio cuando le dan a " npm start " es por la version de TS:
    1) desinstalenlo con " npm uninstall -S typescript"
    2) ahora lo instalan de nuevo pero con la version que usa fazt en el video " npm i typescript@3.7.5 "
    3) y por ultimo en el tsconfig.json cambian "jsx": "react-jsx" por "jsx": "react" y listo, ya deberia funcar.

  • @jstamariz
    @jstamariz 4 года назад +1

    Justo lo que esperaba, ¿Podrias hacer algo con Django y React por favor?

  • @amilkarcruz6117
    @amilkarcruz6117 3 года назад

    Excelente

  • @adrianfgutierrez2836
    @adrianfgutierrez2836 4 года назад

    Excelente update 👍🏾

  • @yaser8354
    @yaser8354 4 года назад +1

    Justo lo que estaba esperando

  • @JuanDavid-gp4iq
    @JuanDavid-gp4iq 4 года назад +2

    Hola Fazt Podrías hacer un vídeo de React Drag and Drop por favor ? llevo rato buscando sobre esto pero todo esta en ingles.

  • @juanburns3625
    @juanburns3625 3 года назад +2

    Buenas!, gracias por tus videos, Fazt, como se puede agregar el sistema de modulos a una app typescript?, no me cargan los estilos, saludos!

  • @code_castle
    @code_castle 4 года назад

    Brutal

  • @guerrerogonzalezjuanjose1581
    @guerrerogonzalezjuanjose1581 4 года назад +1

    Excelente vídeo :')

  • @RicardoBermudezZorro
    @RicardoBermudezZorro 4 года назад

    me agrada este tutorial

  • @pabloguerracolombia
    @pabloguerracolombia 3 года назад

    Remarkable

  • @LumbreraEnMiCamino
    @LumbreraEnMiCamino 4 года назад +1

    oye bro tu video esta excelente! felicidades! una duda novata, que programa usas para grabar tu pantalla?

  • @youtekdev8131
    @youtekdev8131 4 года назад +1

    Me gustaría convertirlo en un CRUD que almacene cada tarea en una bd y las muestre en una tabla y que se pueda editar un registro específico.

  • @galileoluna6643
    @galileoluna6643 4 года назад

    Muy bueno !!!

  • @marioarango2773
    @marioarango2773 4 года назад +1

    Fazt porfavor has uno de reactjs con jwt

  • @JoseAntonio-pb2cc
    @JoseAntonio-pb2cc 4 года назад

    Spring con react jeeje grande

  • @claudiomnec
    @claudiomnec 4 года назад +1

    Que theme utilizas en vscode?

  • @DraketRomero
    @DraketRomero 4 года назад

    ¿Que tema de Windows tienes? Me gustó mucho el aspecto de la consola.

  • @joseantonioquintanilla6731
    @joseantonioquintanilla6731 3 года назад

    Seria bueno uno de REACT con TS y postgre

  • @MarcosEsqueda
    @MarcosEsqueda 3 года назад

    Fazt! Puedo hacer un PR de este proyecto solo para agregar un cambio pequeño que falto?

  • @LuisAntonio-cd4ck
    @LuisAntonio-cd4ck 4 года назад +4

    Dale like si estas en cuarentena y estas escribiendo code.

  • @diegocamilopenaramirez6101
    @diegocamilopenaramirez6101 4 года назад

    En el github esta el proyecto pero con javascript

  • @rodrigoperalta5054
    @rodrigoperalta5054 4 года назад +1

    Fazt, podrías hacer algo con redux??

  • @MixterixSeven
    @MixterixSeven 3 года назад

    uff mi oportunidad de aprender mas, una cosa como se llama el tema que tienes en el windows

  • @cristianguaman499
    @cristianguaman499 3 года назад

    Me gustaria usar AWS amplify con React y TypeScript

  • @juanburns3625
    @juanburns3625 3 года назад

    Buenas!, y para llevar a produccion un proyecto asi, no deberia transformarse en archivos js???

  • @palaciospena7800
    @palaciospena7800 4 года назад +1

    primer comentario sigue asi

  • @fernandobetanco9878
    @fernandobetanco9878 4 года назад +1

    ¿Cómo se hace para Mac? No sé cómo se hace, me refiero a la primera parte, los códigos para que se pueda usar React / create-react-app

  • @adrianrios423
    @adrianrios423 4 года назад

    Se puede agregar typescript a un proyecto de react js existente o sea que ya esté usando un template de tercero o simplemente no sea un proyecto inicial? Mi duda es si a partir de código ya escrito podremos hacer uso de typescript sin tener que modificar las funciones o clases que ya estén escritas

  • @castillobasilioandre9988
    @castillobasilioandre9988 4 года назад

    Un programa con node conectado a una base de adtos distribuida

  • @reinaogo7161
    @reinaogo7161 3 года назад

    que extension usas para el autocomplete??

  • @TheHerno_1
    @TheHerno_1 4 года назад

    Puedes hacer uno de Vue+Vuetify con Typescript?

  • @jesuscabrita5815
    @jesuscabrita5815 3 года назад

    valieron los 46:31 min del video... gracias

  • @jonatanhn00
    @jonatanhn00 4 года назад

    Que icon pack utilizas para vscode fazt?

  • @angelfeliz223
    @angelfeliz223 4 года назад

    Como puedo implemetar react en un proyecto existente de typescript??

  • @dangelgeek
    @dangelgeek 4 года назад

    Laravel, gracias

  • @agustinmoragues191
    @agustinmoragues191 4 года назад

    Perdón, por qué no usás más componente en vez de hacer todo en uno solo? Así se podría ver un ejemplo de envío de props. Saludos

  • @qbixmex
    @qbixmex 2 года назад

    Amigo no se recomienda usar los indices de los arreglos para el valor de key, suelen dar problemas, hasta el mismo react lo menciona en su documentación,es mejor tener por cada tarea un ID diferente, hay librerías de javascript que te generan un ID aleatorio

  • @juliomendez4862
    @juliomendez4862 4 года назад

    La linea para instalar react con typescript me devuelve un error y no instala nada. A alguien mas le sucede?

  • @franciscojavierangelleal9468
    @franciscojavierangelleal9468 2 года назад

    sirve para 2021? o busco algo más actualizado?

    • @FaztCode
      @FaztCode  2 года назад

      Hola Franciso, no hay cambios nuevos para este video. Sin embargo en este ejemplo estoy creando React con clases, y actualmente se usan mucho más los Hooks, asi que voy a actualizar este video para esta semana :)

  • @linalarrearodriguez3440
    @linalarrearodriguez3440 3 года назад

    ¿Sacaron una verstión midlevel o avanzada de Typescript? :-)

  • @levelapo
    @levelapo 3 года назад

    Hola traders?

  • @jhoansebastian1358
    @jhoansebastian1358 3 года назад

    Aún no me convence typescript, me parece más código, más engorroso

  • @zpay4668
    @zpay4668 3 года назад

    No me funciona Typescript 😎

  • @agusstiinbt
    @agusstiinbt Год назад

    Hablas demasiado rápido casi no se entiende lo que se está tratando de explicar

  • @jando_pe
    @jando_pe 4 года назад

    Me gustan tus vídeos pero hay una cosa que me caga y me caga mucho y es que explicas cosas innecesarias: Todos los que entran a ver tus vídeos saben programar o tienen una noción mínima, no veo a un abogado o a un doctor viendo este tipo de vídeos, por eso no debes andar explicando a cada rato como abrir una ventana cmd mediante ejecutar, como ejecutar npm, como posicionarse entre directorios o a como entrar a visual estudio, etc. No quiero pensar que eso lo usas para rellenar.
    Seria bueno que te centres a desarrollar tu tema de manera concisa, lo justo y necesario.
    Por todo lo demás me parece muy buenos tus videos.

  • @cesarceledon6786
    @cesarceledon6786 4 года назад

    Muchas gracias