# Repository: midudev/aprendiendo-react
# Stars: 8910

## README.md

<div align="center">

<img alt="Curso de React js desde cero y con proyectos" src="https://user-images.githubusercontent.com/1561955/212888793-fd719e58-b0c2-4d03-9c55-38e3e79ebc17.png" width="500" />

# Aprendiendo React ⚛️

Curso para aprender **React** basado en proyectos.
**[Todos los miércoles a las 18PM 🇪🇸 en Twitch](https://twitch.tv/midudev)**
</div>

## 📹 Videos con las clases

- 01: [Introducción a React](https://www.youtube.com/watch?v=7iobxzd_2wY)
- 02: [React Hooks: useState y useEffect](https://www.youtube.com/watch?v=qkzcjwnueLA&feature=youtu.be)
- 03: [Prueba técnica con lo aprendido](https://www.youtube.com/watch?v=XYpadB4VadY&feature=youtu.be)
- 04: [Fetching de datos y Custom Hooks](https://youtu.be/x-LcbVw99o8)
- 05: [React Hooks: useRef, useMemo, useCallback](https://youtu.be/GOEiMwDJ3lc)
- 06: [React Hooks: useContext, useReducer, useId](https://www.youtube.com/watch?v=B9tDYAZZxcE)
- 07: [React Router + Lazy Loading](https://www.youtube.com/watch?v=K2NcGYajvY4)
- 08: [React + TypeScript (Día 01): props y state](https://www.youtube.com/watch?v=4lAYfsq-2TE)
- 09: [React + TypeScript + ChatGPT - Clon de Google Translate](https://www.youtube.com/watch?v=kZhabulNCUc)
- 10: [React Redux Toolkit + Rome Tools](https://www.youtube.com/watch?v=bEEjuwujbbU)
- 11: [Prueba técnica de React con TypeScript](https://www.youtube.com/watch?v=mNJOWXc83Y4)
- 12: [React Query + Paginación + Infinite Scroll](https://www.youtube.com/watch?v=WKfVjQUa6nE)
- 13: [JavaScript Quiz con Zustand + TypeScript desde cero](https://www.youtube.com/watch?v=p2wF2wRjcN0)
- 14: Hacker News con TypeScript + SWR - Pendiente de subir

## ⌨️ Proyectos de React con código

| Número | Proyecto | Código | Web |
| --- | --- | --- | --- |
| `01` | Twitter Follow Card | [Ver](projects/01-twitter-follow-card/) | [Visitar](https://midu-react-01.surge.sh) |
| `02` | Tic Tac Toe | [Ver](projects/02-tic-tac-toe/) | [Visitar](https://midu-react-02.surge.sh) |
| `03` | Mouse Follower | [Ver](projects/03-mouse-follower) | [Visitar](https://midu-react-03.surge.sh) |
| `04` | Prueba técnica con Promesas, fetching y testing E2E | [Ver](projects/04-react-prueba-tecnica) | [Visitar](https://midu-react-04.surge.sh) |
| `05` | Prueba técnica con formularios, buscador utilizando una API | [Ver](projects/05-react-buscador-peliculas) | [Visitar](https://midu-react-05.surge.sh) |
| `06` | Creación de un ecommerce con carrito de compras | [Ver](projects/06-shopping-cart) | [Visitar](https://midu-react-06.surge.sh) |
| `07` | Creación de un React Router desde cero | [Ver](projects/07-midu-router) | [Visitar](https://midu-react-07.surge.sh) |
| `08` | Todo App con TypeScript y animaciones | [Ver](projects/08-todo-app-typescript) | [Visitar](https://midu-react-08.surge.sh) |
| `09` | Crear un Google Translate con ChatGPT y TypeScript | [Ver](projects/09-google-translate-clone/) | [Visitar](https://midu-react-09.surge.sh) |
| `10` | Crear un CRUD con Redux Toolkit y TypeScript | [Ver](projects/10-crud-redux/) | [Visitar](https://midu-react-10.surge.sh) |
| `11` | Prueba Técnica con TypeScript y React | [Ver](projects/11-typescript-prueba-tecnica/) | [Visitar](https://midu-react-11.surge.sh) |
| `11b` | Prueba Técnica con TypeScript y React con React Query | [Ver](projects/11b-typescript-prueba-tecnica-with-react-query/) | [Visitar](https://midu-react-11.surge.sh) |
| `12` | Sistema de comentarios con React Query | [Ver](projects/12-comments-react-query) | [Visitar](https://midu-react-12.surge.sh) |
| `13` | JavaScript Quiz con Zustand y TypeScript | [Ver](projects/13-javascript-quiz-con-zustand/) | [Visitar](https://midu-react-13.surge.sh) |
| `14` | Hacker News con TypeScript y SWR | [Ver](projects/14-hacker-news-prueba-tecnica) | [Visitar](https://midu-react-14.surge.sh) |