Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eugenia1984/react-y-react-pro
Cursos de Udemy de Fernando Herrera: React & React Pro
https://github.com/eugenia1984/react-y-react-pro
css3 html5 javascript react reactjs typescript
Last synced: about 2 months ago
JSON representation
Cursos de Udemy de Fernando Herrera: React & React Pro
- Host: GitHub
- URL: https://github.com/eugenia1984/react-y-react-pro
- Owner: eugenia1984
- Created: 2023-12-04T15:48:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-21T14:00:57.000Z (2 months ago)
- Last Synced: 2024-10-21T22:58:03.209Z (2 months ago)
- Topics: css3, html5, javascript, react, reactjs, typescript
- Language: JavaScript
- Homepage:
- Size: 313 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
React y ReactPro
Cursos de Fernando Herrera: **React** y **React Pro**
---
# ¿Qué hay?
- En [**teoría**](https://github.com/eugenia1984/react-y-react-pro/blob/main/teoria.md) hay anotaciones sobre la teoria vista
- En [**react**](https://github.com/eugenia1984/react-y-react-pro/tree/main/react) está la práctica de React:
`01-intro-react` -> con el CDN tener una aplicación de React
`02-javascript-moderno` -> con las bases necesarias de JavaScript para React
`03-primeros-pasos`
- En [**react-pro**](https://github.com/eugenia1984/react-y-react-pro/tree/main/react-pro) está la práctica de React-Pro:
`react-pro/bases`: las bases de React con TypeScript: cómo tipar las props con `type`, hooks: useState, useEffect, useLayoutEffect, useRef.
---
# 
Tecnologías:
- 
HTML5
- 
CSS3
- 
JavaScript
- 
TypeScript
- JSX
- 
React
- 
Nodejs
- Postman
- Mongo Compass
- Git
---
## Para reforzar React + TypeScript
[Se puede ver en este link](https://www.youtube.com/playlist?list=PLCKuOXG0bPi26-eawizqyLOgM7j66H_4M)
---
## Para crear proyectos de React con Vite
| npm | pnpm | yarn |
| --- | ---- | ---- |
| `npm create vite@latest` | `pnpm create vit` | `yarn create vite` |
Y luego creamos el proyecto con los sigueintes pasos:
1. Nombre del proyecto
2. Framework: React
3. Variant: JavaScript + SWC
4. Con el comando: `cd ` ingresamos en el directorio del proyecto, y luego:
```bash
npm install
```
-> para instalar las dependencias
``` bash
npm run dev
```
-> para ver el proyecto en local en: [http://localhost:5173/](http://localhost:5173/).
---
## Notes
I appreciate your interest in this repository ⌨️ with ❤️ by [María Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me on [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)
---