Md Shijan Ali
Frontend Engineer | Vue.js Expert | React.js Expert | Open
Ready for work
Md Shijan is ready for their next project!
Singly Linked List Practice — JavaScript
Today I practiced implementing a Singly Linked List from scratch using JavaScript.
After understanding the core structure, I challenged myself to implement additional operations rather than simply following an existing implementation.
Implemented Operations
prepend(value)
append(value)
find(value)
delete(value)
insertBefore(currentValue, newValue)
insertAfter(currentValue, newValue)
deleteAt(index)
toArray()
Complexity Analysis
prepend() → Time: O(1) | Space: O(1)
append() → Time: O(n) | Space: O(1)
find() → Time: O(n) | Space: O(1)
insertBefore() → Time: O(n) | Space: O(1)
insertAfter() → Time: O(n) | Space: O(1)
delete() → Time: O(n) | Space: O(1)
deleteAt() → Time: O(n) | Space: O(1)
Key Learning
The most important part of this exercise was understanding how node references and next pointers control the structure of a Linked List.
For example, inserting a node doesn't require shifting existing elements like an Array. Instead, we update the relevant references:
Before:
10 → 20 → 40
After inserting 30:
10 → 20 → 30 → 40
This was a great exercise for strengthening my understanding of data structures, traversal, references, and algorithmic thinking.
Next challenge: Reverse a Singly Linked List from scratch.
#JavaScript #DSA #DataStructures #Algorithms #Programming #Learning
0
5
3 reasons your React app feels slow (and how I fix them)
Most "slow React app" complaints come down to 3 things:
1. 𝐔𝐧𝐧𝐞𝐜𝐞𝐬𝐬𝐚𝐫𝐲 𝐫𝐞-𝐫𝐞𝐧𝐝𝐞𝐫𝐬
Components re-rendering when their props/state haven't actually
changed. Fix: React.memo, useMemo, useCallback — but only where it
actually matters, not everywhere.
2. 𝐁𝐮𝐧𝐝𝐥𝐞 𝐬𝐢𝐳𝐞 𝐛𝐥𝐨𝐚𝐭
Importing entire libraries for one function. Fix: tree-shaking,
dynamic imports, and checking your bundle with tools like
webpack-bundle-analyzer.
3. 𝐁𝐚𝐝 𝐝𝐚𝐭𝐚 𝐟𝐞𝐭𝐜𝐡𝐢𝐧𝐠 𝐩𝐚𝐭𝐭𝐞𝐫𝐧𝐬
Fetching data on every render, or waterfalling requests instead of
running them in parallel. Fix: React Query/SWR for caching,
Promise.all for parallel requests.
I've fixed these exact issues on ecommerce and admin dashboard
projects — sometimes cutting load time by 30-40% with just these
three changes.
What's the most common performance issue you've run into?
#webdevelopment #reactjs #nextjs #frontenddevelopment
0
22
Built a comprehensive School Management System designed to simplify and centralize daily academic and administrative operations. The platform provides a modern, responsive interface for managing students, teachers, classes, attendance, exams, results, fees, and other essential school activities from a single system.
The system focuses on reducing manual work, improving data organization, and giving administrators and staff a clear overview of school operations.
Key features include:
=> Student & teacher management
=> Class & subject management
=> Attendance tracking
=> Exam & result management
=> Fee & payment management
=> Admin dashboard & reports
=> Role-based access control
=> Responsive design for desktop, tablet & mobile
I focused on creating a scalable architecture, intuitive user experience, and reliable workflows that can support the day-to-day operations of a modern educational institution.
0
43
EstateHub is a modern real estate SaaS MVP built with React, TypeScript, and Vite, designed for scalable web application development. It features role-based dashboards (customer, agent, admin), secure authentication, and advanced property search with filters, maps, and booking system. Includes analytics, notifications, and full CRUD admin panel. Built with optimized performance, API integration readiness, and responsive UI—ideal for SaaS dashboard development, MVP web app development, and custom CRM solutions
0
27