https://github.com/yeion7/workshop-react

Workshop sobre React y GraphQL
https://github.com/yeion7/workshop-react

Last synced: 20 days ago
JSON representation

Workshop sobre React y GraphQL

• Host: GitHub
• URL: https://github.com/yeion7/workshop-react
• Owner: yeion7
• License: mit
• Created: 2017-11-11T18:32:40.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-18T18:40:32.000Z (about 7 years ago)
• Last Synced: 2024-10-16T10:41:54.950Z (2 months ago)
• Language: JavaScript
• Size: 81.1 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Workshop-react

Durante este workshop vamos a aprender los principales conceptos de

[React](https://reactjs.org/) y [GraphQL](http://graphql.org/), usando el

cliente [Apollo](https://www.apollographql.com/client/)

## Setup

Antes de iniciar necesitas tener instalado [node](https://nodejs.org/es/),

[npm](https://www.npmjs.com/) y [git](https://git-scm.com/), entonces solo debes

correr en tu terminal:

```

git clone [email protected]:yeion7/workshop-react.git

cd workshop-react

npm install

npm run dev

```

Una vez ejecutes la última instrucción se va a abrir en tu navegador un tab con

la dirección `localhost:3000`.

## Flujo de trabajo

Cada item del temario va a estar unido a una carpeta dentro de

`pages/conceptos`, cada uno de estos cuenta con un _README_ explicando el

concepto y además un ejercicio para poder en practica.

En `pages/soluciones` vas a encontrar las soluciones de los ejercicios.

Durante el workshop vamos a ir por cada uno de los temas.

## Temario

### Intro:

* Qué es React?

* Explicación del setup, ([next.js](https://github.com/zeit/next.js/))

### Conceptos:

1. Componentes

2. PropsTypes y Estilos

3. Componentes con estado

4. Patrones avanzados

* Qué es GraphQL y Apollo?

5. Queries

6. Mutaciones

7. Deploy

## LICENSE

MIT