feat: Add examples

Author: jofaval

README.md

@@ -5,12 +5,19 @@ React From Zero to Hero or From the Ground Up
 ## Contents
 
 1. [Lessons](#lessons)
+1. [Examples](#examples)
 
 ## Lessons
 
-You can also check the lessons content at the [/lesssons](./lessons/) folder.
+You can also check the lessons content at the [`/lesssons`](./lessons/) folder.
 
 1. [Fundamentals](./lessons/0.-Fundamentals/)
     1. [Pure functions](./lessons/0.-Fundamentals/1.-pure-functions/)
     1. [Memoization](./lessons/0.-Fundamentals/2.-memoization/)
-    1. [Promises](./lessons/0.-Fundamentals/3.-promises/)
+    1. [Promises](./lessons/0.-Fundamentals/3.-promises/)
+
+## Examples
+
+You can find some examples at [`/examples`](./examples/).
+
+1. [Hello World](./examples/hello-world/)

examples/README.md

@@ -0,0 +1,14 @@
+# Examples #
+
+## Contents
+
+1. [Current Examples](#current-examples)
+1. [Ideas](#ideas)
+
+## Current Examples
+
+1. [Hello World](./hello-world/)
+
+## Ideas
+
+- To-Do list, check out an old example I did at [react-todo-list](https://github.com/jofaval/reat-todo-list).

examples/hello-world/README.md

@@ -0,0 +1 @@
+# Hello world #

examples/hello-world/hello-world.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+import ReactDOM from "react-dom";
+
+const HelloWorld = ({ name }) => {
+  return <span className="hello-world">Hello {name}!</span>;
+};
+
+const App = () => {
+  <div id="app" className="app__container">
+    <div className="app">
+      {/* <HelloWorld name={'Your Name ;)'} /> */}
+      <HelloWorld name={'World'} />
+    </div>
+  </div>
+};
+
+ReactDOM.render(<App />, rootElement);