add more sections to frontend module

stakater · Jan 9, 2019 · 0e682c1 · 0e682c1
1 parent ae6b889
commit 0e682c1
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 7 deletions.
diff --git a/.vuepress/config.js b/.vuepress/config.js
@@ -30,6 +30,15 @@ module.exports = {
                     '/java-backend/wf-engine'
                 ]
             },
+            {
+                title: 'Frontend',
+                children: [
+                    '/frontend/js-frameworks/javascript-frameworks-seo-challenges',
+                    '/frontend/css/css-best-practices',
+                    '/frontend/architecture/spa-applications-architecture',
+                    '/frontend/architecture/micro-frontends'
+                ]
+            },
             {
                 title: 'Database',
                 children: [
@@ -53,12 +62,6 @@ module.exports = {
                     '/testing/testing'
                 ]
             },
-            {
-                title: 'Frontend',
-                children: [
-                    '/frontend/css/css-best-practices'
-                ]
-            },
             {
                 title: 'Git',
                 children: [

diff --git a/README.md b/README.md
@@ -8,7 +8,7 @@ Local development
 
 All dependencies for the developer handbook is handled with yarn.
 
-```
+```bash
 # install nodejs with brew
 brew install node
 

diff --git a/frontend/architecture/micro-frontends.md b/frontend/architecture/micro-frontends.md
@@ -0,0 +1,2 @@
+# Micro Frontends
+
diff --git a/frontend/architecture/spa-applications-architecture.md b/frontend/architecture/spa-applications-architecture.md
@@ -0,0 +1,12 @@
+# Architecture of SPA (Single Page Applications)
+
+This particular guide focus on what to keep in mind while designing the architecture of the new Single Page Application that you are going to develop.
+
+1. Maintainable CSS
+2. Multiples components/entities in one file
+3. Use of LIFT pattern
+4. Server Side Rendering for public pages
+5. Public and Private pages
+6. State Management
+7. Best Architecture is independent of the frameworks
+
diff --git a/frontend/js-frameworks/javascript-frameworks-seo-challenges.md b/frontend/js-frameworks/javascript-frameworks-seo-challenges.md
@@ -0,0 +1,5 @@
+# JavaScript Frameworks & SEO Challenges
+
+Read following:
+
+- [JavaScript Frameworks & SEO Challenges](https://medium.com/rpdstartup/javascript-frameworks-seo-challenges-903fbb2ef293)
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,7 @@ Local development @@
     All dependencies for the developer handbook is handled with yarn.
-    ```
+    ```bash
     # install nodejs with brew
     brew install node
@@ Expand Down @@