🔧 Minor Fixes

Author: MidHunterX

README.md

@@ -19,7 +19,7 @@
 - [x] Shows custom thumbnail when sharing url on WhatsApp/Social Media using Open Graph Metadata Protocol
 - [x] Automatically changes theme based on device `Dark Mode` setting (stackoverflow does not seem to have this feature).
 - [x] SVG icons changes colors automatically based on selected theme.
-- [x] Fully [ Responsive Design ] (https://en.wikipedia.org/wiki/Responsive_web_design) - Adapts to different viewports
+- [x] Fully [ Responsive Design ](https://en.wikipedia.org/wiki/Responsive_web_design) - Adapts to different viewports
 - [x] Better [ accessibility ](https://en.wikipedia.org/wiki/Web_accessibility) for keyboard users
 - [x] Implemented XML like component abstaction for data on `./world/workshop.tsx`
 - [x] Implemented JSON file reading for data on `./world/skills.tsx`

world/skills.tsx

@@ -72,8 +72,10 @@ export default function Skills() {
     const skillElements = [];
     if (skills) {
       for (const [title, skillList] of Object.entries(skills)) {
-        skillElements.push(
-          ...skillList.map((skill, index) => (
+        // Using loops over .map() as Heap/GC allocation in JS is expensive.
+        for (let index = 0; index < skillList.length; index++) {
+          const skill = skillList[index];
+          skillElements.push(
             <div
               key={`${title}-${index}`}
               className="place-content-center p-5 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 dark:bg-[#161D1F] dark:border-gray-700 dark:hover:bg-gray-700"
@@ -89,8 +91,8 @@ export default function Skills() {
                 height={100}
               />
             </div>
-          )),
-        );
+          );
+        }
       }
     }
     return skillElements;