Removed AbstractedComponents

RiadhAdrani · Dec 17, 2021 · 764b494 · 764b494
1 parent d0f5da2
commit 764b494
Show file tree

Hide file tree

Showing 27 changed files with 6 additions and 718 deletions.
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ Project Recursive is an ongoing project to build a functional, component-based,
 ## Getting Started
 
 To get started, we need first to make the library works.
-First, Create your `index.html` and `index.js` in a folder, then, download and drop this repo in the same location. Second, we need to import the library, and make the changes needed so your `index.html` recognize it corretly, your `index.html` should look something like this:
+First, Create your `index.html` and `index.js` in a folder, then, download and drop this repo in the same location. Second, we need to import the library, and make the changes needed so your `index.html` recognize it correctly, your `index.html` should look something like this:
 
 ```html
 <!DOCTYPE html>
@@ -113,7 +113,7 @@ vDOM.staticStyle = {
 vDOM.render();
 ```
 
-And as its name suggest, the style written is `static` and will be injected when the app fist load, just like an external `css` file.
+And as its name suggest, the style written is `static` and will be injected when the app first load, just like an external `css` file.
 
 #### `Component's inline style`
 
@@ -307,7 +307,7 @@ Let's create an `About` page:
 3. We need to initialize the routing system. Just before the export statement, add this line:
 
      ```js
-     const router = new Router();
+     window.router = new Router();
      ```
 
      `Router` constructor accepts one parameter, which is the root `Route`; a `Route` is like a directory in your web app. to create one, `Router` already have a premade function for them:
@@ -330,6 +330,7 @@ Let's create an `About` page:
 
      ```js
      import { Button, P, Div, Link } from "./recursivejs/createcomponent/Components.js";
+     import Router from "./recursivejs/router/Router.js";
 
      const iteration = setState(0);
 

diff --git a/abstractedcomponent/AbstractedComponent.js b/abstractedcomponent/AbstractedComponent.js
diff --git a/abstractedcomponent/absinit/absinitstyle.js b/abstractedcomponent/absinit/absinitstyle.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvert.js b/abstractedcomponent/absinit/abstractedconvert/aconvert.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvertanimation.js b/abstractedcomponent/absinit/abstractedconvert/aconvertanimation.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvertbackground.js b/abstractedcomponent/absinit/abstractedconvert/aconvertbackground.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvertbox.js b/abstractedcomponent/absinit/abstractedconvert/aconvertbox.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvertcontent.js b/abstractedcomponent/absinit/abstractedconvert/aconvertcontent.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvertmediaqueries.js b/abstractedcomponent/absinit/abstractedconvert/aconvertmediaqueries.js
diff --git a/abstractedcomponent/absinit/abstractedconvert/aconvertposition.js b/abstractedcomponent/absinit/abstractedconvert/aconvertposition.js