Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abrahamgalue/react-projects-course-midudev
Curso completado, para aprender React creando proyectos web.
https://github.com/abrahamgalue/react-projects-course-midudev
react
Last synced: 3 days ago
JSON representation
Curso completado, para aprender React creando proyectos web.
- Host: GitHub
- URL: https://github.com/abrahamgalue/react-projects-course-midudev
- Owner: abrahamgalue
- Created: 2023-09-18T16:51:45.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-09T01:48:01.000Z (7 days ago)
- Last Synced: 2024-11-09T02:30:33.408Z (7 days ago)
- Topics: react
- Language: JavaScript
- Homepage: https://youtube.com/playlist?list=PLUofhDIg_38q4D0xNWp7FEHOTcZhjWJ29&feature=shared
- Size: 11.7 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚛️ Aprendiendo React
### Desarrollo de proyectos en React
Estos son proyectos que he desarrollado como parte de un curso de React. Esto forma parte mi aprendizaje con la librería React.
**Seguiré agregando más proyectos, ya que me mantengo en continúo aprendizaje.**
Aquí puedes ver los vídeos con las clases:
### 🎥 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)
- 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 + ESlint](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)
### 🍂 Proyectos de React con código
| Número | Proyecto | Código | Web |
| ------ | ----------------------------------------------------------- | ------------------------------------------------------ | ------------------------------------------------------------------- |
| `01` | X Follow Card | [Ver](01-x-follow-card/) | [Visitar](https://x-follow-card-abraham.netlify.app/) |
| `02` | Tic Tac Toe | [Ver](02-tic-tac-toe/) | [Visitar](https://tic-tac-toe-abraham.netlify.app/) |
| `03` | Mouse Follower | [Ver](03-mouse-follower) | [Visitar](https://mouse-follower-abraham.netlify.app/) |
| `04` | Prueba técnica con Promesas, fetching y testing E2E | [Ver](04-react-prueba-tecnica) | [Visitar](https://prueba-tecnica-abraham.netlify.app/) |
| `05` | Prueba técnica con formularios, buscador utilizando una API | [Ver](05-react-buscador-peliculas) | [Visitar](https://movies-search-abraham.netlify.app/) |
| `06` | Creación de un ecommerce con carrito de compras | [Ver](06-shopping-cart) | [Visitar](https://shopping-cart-abraham.netlify.app/) |
| `07` | Creación de un React Router desde cero | [Ver](07-abraham-router) | [Visitar](https://www.npmjs.com/package/abraham-router) |
| `08` | Todo App con TypeScript y animaciones | [Ver](08-todo-app-ts) | [Visitar](https://todoapp-ts-abraham.netlify.app/) |
| `09` | Crear un Google Translate con ChatGPT y TypeScript | [Ver](09-google-translate-clone/) | [Visitar](https://google-translate-clone-abrahamgalue.netlify.app/) |
| `10` | Crear un CRUD con Redux Toolkit y TypeScript | [Ver](10-crud-react-redux/) | [Visitar](https://crud-react-redux-abrahamgalue.netlify.app/) |
| `11` | Prueba Técnica con TypeScript y React | [Ver](11-typescript-prueba-tecnica/) | [Visitar](https://prueba-tecnica-ts-abrahamgalue.netlify.app/) |
| `11b` | Prueba Técnica con TypeScript y React con React Query | [Ver](11b-typescript-prueba-tecnica-with-react-query/) | [Visitar](https://prueba-tecnica-ts-abrahamgalue.netlify.app/) |
| `12` | Sistema de comentarios con React Query | [Ver](12-comments-react-query/) | [Visitar](https://comments-react-query-abrahamgalue.netlify.app/) |
| `13` | JavaScript Quiz con Zustand y TypeScript | [Ver](13-javascript-quiz-con-zustand/) | [Visitar](https://js-quiz-abrahamgalue.netlify.app/) |