Giter Club home page Giter Club logo

aprendiendo-react's Introduction

aprendiendo-react's People

Contributors

aleins99 avatar alesrv avatar ameth avatar byron2016 avatar ceskkk avatar davorpa avatar diegodiem avatar emigimenezj avatar joelcamus avatar kappys1 avatar marcgonzalezmoratona avatar midudev avatar miduga avatar mrvega01 avatar msarfer avatar oscarrondon avatar ricky10b avatar slinerodev avatar yurandcl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

aprendiendo-react's Issues

Project 04 title

Hi!

I think in the project 04, its title "Prueba técnica" is unrepresentative of what kind of project supposed to be, so I consider a great idea to add a few more words to explain better the main concepto of the project.

My propousals are this:
04: Prueba técnica de [consumo de API / fetching / peticiones] y testing [e2e / básico / básico e2e]

...or if you have something more interesting, even better! 💯

Pequeño bug en tic tac toe

Hola!! mi primer issue por aca y con la solucion

Añado video (sin volumen que no puedo ahora ja)

Basicamente al tener un ganador si refrescamos la pagina resetea el modal y nos deja seguir jugando.

2023-04-30.02-32-21.mp4

Por cierto por aca en Argentine se llama TaTeTi

[07-midu-router] vitest mock del current path no funciona

He estado revisando los test donde se usa el getCurrentPath y no consigo que funcionen, siempre me sale el path '/'. He revisado el repo de midu y parece que ahi tampoco funciona, alguien tiene alguna idea?
Este es el error que me sale usando el repo de midu, en mi caso si que funciona pero parece que no hace caso de lo que le marco en el mockReturnValueOnce()
image

page not found in surge.sh

bueno solo por comentartelo :) voy a ver la clase que ayer vi un video tuyo que decias que nadie la valora y yo le tenia ganas :)

Dynamic Route stop working

When go to search/java route, It throws 404 page. I count not find the bug yet.
Captura de pantalla 2023-05-22 a la(s) 13 49 02

midu-router installed. And works for the others routes, but not for the search/

setMovie is not a Function

Muy buenas noches, llevo ya un buen rato tratando de entender porque me sale este error.
Contexto, después de ver el video de la API de movies trato de hacerlo yo solo, ahorita solo quise ver si entendía bien el fetch o no, pero no entiendo porque me sale este error, yo se que estoy lejos de terminar, pero espero puedan ayudarme.
image

falta 2da parte del tutorial (TODO list con typescript + react) en youtube

Hola midu, me gustan mucho tus tutoriales, hay uno en particular en youtube que le falta la segunda parte, y hay varias personas en los comentarios que piden dicha segunda parte, yo me incluyo jeje

el video es este https://www.youtube.com/watch?v=4lAYfsq-2TE&ab_channel=midulive

yo me estoy guiando con el código del repo ya que ese si se ve completado
https://github.com/midudev/aprendiendo-react/tree/master/projects/08-todo-app-typescript

si al menos alguien es amable de pasarme la segunda parte que no la encuentro, o sino el video en twitch, de esa manera puedo responder a comentarios del video en youtube para indicarles la segunda parte a otras personas.
Nuevamente gracias Midu por los tutoriales 10/10

Discussion: 06-shopping-cart CSS

Buenas,
Me permito abrir una issue para aclarar una duda en el CSS que no está muy clara. De hecho, se le ve dubitativo al propio Miguel durante el directo.
También me he permitido traladar el codigo a un sandbox por si alguien quiere probar rapidamente el cambio al activar y desactivar el flex container.

https://codesandbox.io/s/headless-paper-m7i8r4?file=/src/components/Products.css

Para enfatizar el efecto he aumentado el max-width del #root a 1200px

CODE:
Las líneas de código son las siguientes:

.products {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

ISSUE:
Un contenedor flex envuelve a un grid

WHY IS AN ISSUE:
El flex container que envuelve al grid container hace que el grid se limite a dos columnas, y pase a 1 en pantallas pequeñas. Pero a mi parecer elimina el efecto repeat autofit min max del grid.

MEDIA
Flex container desactivado
Screencast from 17-02-2023 09:37:05.webm
Flex container activado
Screenshot from 2023-02-17 09-36-14

Gracias de antemano

names of the react projects do not match

when I run an "npm install" it returns the following error:

Error: must not have multiple workspaces with the same name package 'prueba-tecnica-empresa-55k' has conflicts in the following paths: /workspace/react/aprendiendo-react/projects/11-typescript-prueba-tecnica /workspace/react/aprendiendo-react/projects/11b-typescript-prueba-tecnica-with-react-query at getError (/usr/lib/node_modules/npm/node_modules/@npmcli/map-workspaces/lib/index.js:64:24) at mapWorkspaces (/usr/lib/node_modules/npm/node_modules/@npmcli/map-workspaces/lib/index.js:146:11) at async Config.loadLocalPrefix (/usr/lib/node_modules/npm/node_modules/@npmcli/config/lib/index.js:700:28) at async Config.loadProjectConfig (/usr/lib/node_modules/npm/node_modules/@npmcli/config/lib/index.js:631:5) at async Config.load (/usr/lib/node_modules/npm/node_modules/@npmcli/config/lib/index.js:279:5) at async #load (/usr/lib/node_modules/npm/lib/npm.js:195:5) at async module.exports (/usr/lib/node_modules/npm/lib/cli-entry.js:40:5)

first image undefined

When the project app 04 (04-react-prueba-tecnica) start for the first time, the console throw an error:

image

i believe is trying to render the image with undefined path.. but conditional rendering should work, right?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.