Merge pull request #38 from Fiorellaps/master

Update Readme

Author: brauliodiez

00-boilerplate/Readme.md

@@ -1,12 +1,22 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/00-boilerplate/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/00-boilerplate/Readme.md)
+  
+<br>
+<br>
+
+
 # 00 boilerplate
 
 ## Resume
 
 Starting point for the rest of examples.
 
-Is just a blank project created using create-react-app.
+It is just a blank project created using create-react-app.
 
-Hop into 01-use-state Readme.md and start with the fun :).
+Hop into [_01-use-state_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state) and start with the fun :).
 
 # About Basefactor + Lemoncode
 
@@ -20,4 +30,4 @@ For the LATAM/Spanish audience we are running an Online Front End Master degree,
 
 If you like the world of _backend_ you can sign up to our [Bootcamp backend Online Lemoncode](https://lemoncode.net/bootcamp-backend#bootcamp-backend/inicio).
 
-And if you want to dive into the world _devops_ sign up for our [Bootcamp devops Online Lemoncode](https://lemoncode.net/bootcamp-devops#bootcamp-devops/inicio).
+And if you want to dive into the world _devops_ sign up for our [Bootcamp devops Online Lemoncode](https://lemoncode.net/bootcamp-devops#bootcamp-devops/inicio).

00-boilerplate/Readme_es.md

@@ -1,3 +1,13 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/00-boilerplate/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/00-boilerplate/Readme.md)
+  
+<br>
+<br>
+
+
 # 00 boilerplate
 
 ## Resumen
@@ -6,7 +16,7 @@ Punto de partida para el resto de ejemplos.
 
 Es simplemente un proyecto en blanco usando webpack.
 
-Salta a 01-use-state Readme_es.md y empieza la diversión :).
+Salta a  [_01-use-state_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state) y empieza la diversión :).
 
 # ¿Te apuntas a nuestro máster?
 

01-use-state/Readme.md

@@ -1,8 +1,17 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state/Readme.md)
+  
+<br>
+<br>
+
 # 01 Use State
 
 ## Resume
 
-This example takes the _00-boiler-plate_ example as a starting point.
+This example takes the [_00-boiler-plate_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/00-boilerplate) example as a starting point.
 
 Let's start by creating a component that displays a name in an **h4**,
 and can be edited using an **input**.

01-use-state/Readme_es.md

@@ -1,8 +1,18 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state/Readme.md)
+  
+<br>
+<br>
+
+
 # 01 Use State
 
 ## Resumen
 
-Este ejemplo toma como punto de partida el ejemplo _00-boiler-plate_.
+Este ejemplo toma como punto de partida el ejemplo [_00-boiler-plate_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/00-boilerplate).
 
 Vamos a crear un componente que por un lado muestre un nombre en
 un **h4**, y por otro permita editarlo utilizando un **input**.

02-use-state-object/Readme.md

@@ -1,8 +1,17 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/02-use-state-object/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/02-use-state-object/Readme.md)
+  
+<br>
+<br>
+
 # 02 Use State Object
 
 ## Resume
 
-This example takes the _01-use-state_ as a starting point.
+This example takes the [_01-use-state_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state) as a starting point.
 
 In the previous example we stored a string in the state, but... we don't use _useState_ just for basic types. Can we store an object using
 _useState_? Yes we can, but we have to take into consideration that updates on this

02-use-state-object/Readme_es.md

@@ -1,8 +1,18 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/02-use-state-object/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/02-use-state-object/Readme.md)
+  
+<br>
+<br>
+
+
 # 02 Use State Object
 
 ## Resumen
 
-Este ejemplo toma como punto de partida el ejemplo _01-use-state_.
+Este ejemplo toma como punto de partida el ejemplo [_01-use-state_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/01-use-state).
 
 En el ejemplo anterior almacenábamos un string en el estado, pero
 no todo son tipos básicos. ¿Podemos almacenar un objeto utilizando

03-component-did-onload/Readme.md

@@ -1,8 +1,17 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/03-component-did-onload/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/03-component-did-onload/Readme.md)
+  
+<br>
+<br>
+
 # 03 Component Did Mount
 
 ## Resume
 
-This example takes as a starting point the _02-use-state-object_ example.
+This example takes as a starting point the [_02-use-state-object_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/02-use-state-object) example.
 
 Let's start practicing with another React's core hook: _useEffect_
 

03-component-did-onload/readme_es.md 03-component-did-onload/Readme_es.md03-component-did-onload/readme_es.md renamed to 03-component-did-onload/Readme_es.md

@@ -1,8 +1,17 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/03-component-did-onload/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/03-component-did-onload/Readme.md)
+  
+<br>
+<br>
+
 # 03 Component DOM on load
 
 ## Resumen
 
-Este ejemplo toma como punto de partida el ejemplo _02-use-state-object_.
+Este ejemplo toma como punto de partida el ejemplo [_02-use-state-object_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/02-use-state-object).
 
 Vamos a empezar a jugar con otro de los hooks core de React: _useEffect_
 

04-component_unmount/Readme.md

@@ -1,8 +1,17 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/04-component_unmount/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/04-component_unmount/Readme.md)
+  
+<br>
+<br>
+
 # 04 Component unmount
 
 ## Resume
 
-This example takes the _03-component-dom-onload_ example as starting point.
+This example takes the [_03-component-dom-onload_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/03-component-did-onload) example as starting point.
 
 In this example we are going to see how to free resources when we unmount a DOM component.
 

04-component_unmount/Readme_es.md

@@ -1,8 +1,17 @@
+[<img align="left" src="https://images.squarespace-cdn.com/content/v1/56cdb491a3360cdd18de5e16/1536155167931-3JJ7O74IM4QP88L0RQS9/3_200.png" alt="español" width="170"/>](https://lemoncode.net/) 
+
+
+[<img align="right" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Spain_flag_icon.svg/1200px-Spain_flag_icon.svg.png" alt="english" width="50"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/04-component_unmount/Readme_es.md)
+[<img align="right" src="https://assets.stickpng.com/images/580b585b2edbce24c47b2836.png" alt="inglés" width="47"/>](https://github.com/Lemoncode/react-hooks-by-example/blob/master/04-component_unmount/Readme.md)
+  
+<br>
+<br>
+
 # 04 Component DOM unmount
 
 ## Resumen
 
-Este ejemplo toma como punto de partida el ejemplo _03-component-dom-onload_.
+Este ejemplo toma como punto de partida el ejemplo [_03-component-dom-onload_](https://github.com/Lemoncode/react-hooks-by-example/blob/master/03-component-did-onload).
 
 En este ejemplo vamos a ver como liberar recursos cuando desmontamos un
 componente del DOM.