# Conociendo React!

En este práctico, te vamos a enseñar las bases que te permitirán crear aplicaciones simples o complejas. Este workshop es para principiantes con [React](https://reactjs.org/) y/o para aquellos que buscan una mejor comprensión de sus fundamentos.

![react](https://www.technoscore.com/images/services/react-js-icon.png)

#### Nota

Utilizaremos la versión 16 de react.

## Materiales

* 💻 [Proyecto](https://github.com/workshopsjsmvd/react/tree/master/practico)
* [📽️ Slides](https://docs.google.com/presentation/d/1xmpCs_bL8O4qRHow-V-kgdOIYBBQxkmwyXs94YtJHVs/edit?usp=sharing)

## Temas

1. Introducción
2. Bases
3. Trabajando con componentes en React
4. Creando un proyecto

## Requisitos

* Máquina con cualquier editor de texto instalado (Recomendamos [Visual Studio Code](https://code.visualstudio.com/) con el plugin [Babel JavaScript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel))
* [Node.js](https://nodejs.org/en/) (y npm)
* Conocimiento basico de JavaScript (`for`, `if`, `object`, `array`, `functions` y `ajax`)
* Conocimiento basico de HTML y CSS
* No se requiere conocimiento de ES2015 pero se recomiendan estos links:
  * [Method Definitions](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/funciónes/Method_definitions)
  * [Shorthand Properties](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer)
  * [Template Strings](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/template_strings)
  * [Promises](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Promise)
* [*React Dev Tools*](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)

## Comenzando

Antes de empezar [descarga el siguiente repositorio](https://github.com/workshopsjsmvd/react), lo utilizaremos en el práctico.

## Licencia

[Licencia MIT](https://github.com/workshopsjsmvd/react/edit/master/LICENSE)

*Cualquier consulta, critica o sugerencia es totalmente bienvenida. ¡Gracias por acompañarnos en este Workshop! **<workshopsjsmvd@gmail.com>***

**✍️ with ❤️ by** [**@JuaniGalan23**](https://twitter.com/JuaniGalan23) **and** [**@martinvarelaaaa**](https://twitter.com/martinvarelaaaa)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://workshops-js-montevideo.gitbook.io/react/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.