Currently don't have it on hand, but don't want to bother you further so it is fine thanks. Will let you know if I need any further assistance though 🙂

Rubber duck is my favourite 😄 that's why I have one on my table. I think the tip here that a lot of engineers especially user interface engineers don't use is the IDE debuggers. Context viewer browser plugins are also important for those working on react / nextjs.

No worries, Do you want to run a gpu benchmark, I can authenticate my steam account if you send me the QR code. we just need to coordinate at time. In most cases pci3 is sufficient. this one being TI overclocked could be a bottleneck. Im in sydney time and 8am till 12pm.

Hey so I went to Bios and changed the Pcie slot speed to gen 3 from auto and this seems to have fixed the issue! I am guessing the riser cable is a gen 3 then, and if so would it be worthwhile to go to a gen 4 or not really? Either way thanks for the assistance, I really appreciate it! 🙂

But I am guessing that maybe there is something wrong with the riser cable since under load the bus interface is x16 @ 2.0 instead of 4.0?

Would the riser cable lead to the lower power consumption for the GPU though? These should be easier to see, this is shortly after booting the system. Based off of these is there any indication that maybe the PSU got damaged somehow and now isn't delivering the power it should? Or is it more likely a GPU failure?

The thing that can catch us out is the riser cable. I have had this issue with the BBC running a 4060, At first everything was ok and then it started to glitch out. Main issue with riser cables is that they allow interference on high speed data transfer witch then causes crashes and nasty lag, The way we validated this was to put the GPU in a separate computer, everything worked, then added the riser card and boom. The Riser card should be 4.0 standard, I have checked Azzar site but it doesn't spec either. I have had PC's run on 3.0 standard before but it may have been under favorable conditions. I can't really see the large screen diagnostics you posted.

Test reply

TEST POST

Here is the full code from Merging Two Sorted Arrays in JavaScript function mergeSortedArrays(nums1, m, nums2, n) { let idx1 = m - 1; // Pointer for the last element in the valid part of nums1 let idx2 = n - 1; // Pointer for the last element in nums2 let mergeIdx = m + n - 1; // Pointer for the last position in nums1 (where we merge elements) // Merge the arrays from the back to avoid overwriting elements in nums1 while (idx1 >= 0 && idx2 >= 0) { if (nums1[idx1] > nums2[idx2]) { nums1[mergeIdx] = nums1[idx1]; idx1--; } else { nums1[mergeIdx] = nums2[idx2]; idx2--; } mergeIdx--; } // If there are any remaining elements in nums2, copy them over while (idx2 >= 0) { nums1[mergeIdx] = nums2[idx2]; idx2--; mergeIdx--; } } // Example usage const nums1 = [1, 2, 3, 0, 0, 0], m = 3; const nums2 = [2, 5, 6], n = 3; mergeSortedArrays(nums1, m, nums2, n); console.log(nums1); // Output: [1, 2, 2, 3, 5, 6]

Based off these clear that GPU not getting enough power, saw around max 110w consumption but typically fluctuates between 60 - 90w with spikes in utilisation ranging between 17 -100%.

The most interesting part to this problem is here imo (I time stamped it in the youtube video), where your first couple numbers are larger in the second array compared to the numbers in the first array. The most important thing to note is that the first loop works while the n AND m indexes are greater than 0, which means as soon as the first arrays index hits 0 and the second array still has more to go, that loop exists and the second while loop take overs to finish the job. A simple problem but with a small catch which might not be noticed on first glance if trying to work it out only mentally with no writing / draw ups.

I plugged the HDMI into the motherboard and I am now getting and image, and the lag/stuttering is completely gone compared to when plugged into the GPU

Also looks like none of my DisplayPorts and HDMI ports are working, the PC will now also just shut off after a minute or two Also forgot to mention that earlier when I used the Memory Diagnostic Tool it did detect memory issues as well

Hey, I would wait until the 50 series laptops are in full stock. I dug up some details about them and decided to write an article about it. Here you go!

In 2025, the gaming laptop market has been invigorated by the introduction of NVIDIA's RTX 50-series GPUs, notably the RTX 5080 and RTX 5090. These GPUs, based on the Blackwell architecture, promise significant performance enhancements over their predecessors. This article delves into some of the top gaming laptops equipped with these cutting-edge GPUs, offering insights into their specifications and what sets them apart. There are lots of variations of each laptop and most have AMD and Intel variants. MSI Titan 18 HX AI Starting Price: ~$5,000 Image is of 2024 laptop but is a good indicator of how the 2025 version will look. MSI's Titan series has long been synonymous with high-end gaming performance, and the Titan 18 HX AI continues this tradition. Key Features: 18-inch Mini LED 4K display with 120Hz refresh rate Intel Core Ultra 9 275HX + RTX 5090 GPU Supports up to 96GB DDR5 RAM Advanced cooling system with dedicated heat pipes Customizable RGB lighting, including an illuminated touchpad MSI has packed cutting-edge performance into a sleek, futuristic design. If you're looking for the best of the best, the Titan 18 HX AI is a beast for gaming, content creation, and AI-driven applications. Asus ROG Strix Scar 18 (2025 Edition) Estimated Price: ~$4,500 Image is of 2024 laptop but is a good indicator of how the 2025 version will look. The Asus ROG Strix Scar 18 remains one of the best laptops for competitive gaming. Key Features: 18-inch QHD+ display with 240Hz refresh rate NVIDIA RTX 5090 GPU for ultra-smooth gaming Liquid metal cooling for better thermals RGB customization and stylish cyberpunk aesthetics High-speed PCIe Gen5 SSD for ultra-fast loading times If you’re into eSports, FPS gaming, or AAA titles, this laptop will dominate any game you throw at it. Learn more Lenovo Legion Pro 7i Gen 9 Estimated Price: ~$3,800 Image is of 2024 laptop but is a good indicator of how the 2025 version will look. Lenovo's Legion series is known for its balance between performance and value, and the Legion Pro 7i Gen 9 is a solid choice. Key Features: 16-inch Mini LED display (165Hz refresh rate) Intel Core i9-14900HX + RTX 5090 GPU Supports up to 64GB DDR5 RAM AI-powered cooling system to prevent overheating Sleek, professional design for work and gaming If you need a high-performance gaming laptop that can also be used for content creation, this is a great choice. Dell Alienware m18 R2 Estimated Price: ~$4,000 Image is of 2024 laptop but is a good indicator of how the 2025 version will look. Alienware is synonymous with premium gaming, and the m18 R2 brings flagship-level power with its RTX 5080 GPU. Key Features: 18-inch QHD+ display (165Hz refresh rate) NVIDIA RTX 5080 GPU (high-end performance) Choice between Intel & AMD processors Advanced Cryo-Tech cooling system Signature AlienFX RGB lighting If you want a powerful gaming laptop with Alienware aesthetics, the m18 R2 is a must-have. 5. The Asus ROG Zephyrus G14 is a compact yet powerful gaming laptop, ideal for those who need high-end performance in a portable form factor. Key Features: 14-inch Mini LED display with 165Hz refresh rate AMD Ryzen 9 7945HX + NVIDIA RTX 5080 GPU Supports up to 32GB DDR5 RAM Intelligent cooling with vapor chamber technology Sleek, lightweight design for portability For gamers and content creators who value mobility without compromising power, the Zephyrus G14 is a top choice. Learn more: https://rog.asus.com/laptops/rog-zephyrus/rog-zephyrus-g14-2025/ My personal preference? I like theThe Asus ROG Zephyrus G14, not only is the price usually a middle point between the Lenovo and MSI counterpart, I believe in the Republic of Gamers brand to understand what gamers want, especially with their hand held device range, they know what they are doing when it comes to compact computers optimised for gaming. This laptop features an AMD processor, is small enough to be lightweight and easy to carry, yet it's still a powerhouse!

Hey, I have tried that and still getting the red light. The red light does go off when powering the system on though so I am not sure the light just indicates it is getting power? Should I try and use something like OCCT and HWMonitor to check the power delivery?

When you have a gaming laptop do you move it around a lot. Why are you not a fan of what you have at the moment?

That is a very interesting topic, what would really cause people to consider ARM for gaming is when they can cut 256+ arm cores onto a single chip. just raw threading capability or at the least create a bridge capable of joining multiple chips/ram units into a cluster that appears as a single machine like servers host multiple cpu's

There is no way for the GPU to detect that the power supply is inadequate at startup, there is no communication between them. The way they monitor this is to test that both cables are plugged into the sockets provided when we used to have 2 sockets on GPU instead of the new connector. This could indicate a cable has not seated correctly or shaken out of contact during flight. You may not believe it but I have seen first hand parts unplug after a long flight. However at this point I am guessing you have tried to reseat the cables for GPU. One thing that could be happening in a power supply is that 2 sockets are bonded together and then another 2 sockets are bonded together on a separate circuit, its far fetched but you could try moving the one of the gpu cables across to a spare gpu socket.

I am looking to purchase a new gaming laptop AMD. I currently have an Alienware x17 r1 3070 and I am NOT a fan. I want to try out AMD for the first time(if possible for a gaming laptop). Suggestions? Higher end machine preferred. Thanks!

Hi so when starting my PC up I have a solid red light at the GPU. And then when in the desktop making mouse movements and opening programs leads to random GPU spikes as well as audio stutters and mouse stutters. Whenever loading GPU intensive tasks such as games the PC will crash and restart and via latencyMon I am also getting very high latency. I have tried a full PC reset, uninstalling drivers with DDU, BIOS update...

Merging Two Sorted Arrays in JavaScript One of the most common tasks you will encounter in algorithmic challenges is merging two sorted arrays. This concept might seem simple at first glance, but it becomes more interesting when constraints are added. For example, in this challenge, we need to merge two sorted arrays in-place in the first array while maintaining a time complexity of O(m + n). But why is this problem important, and how does it relate to real-world coding scenarios? Why Merging Sorted Arrays Matters Merging sorted arrays efficiently is crucial in many areas of software development. Whether you're building an algorithm that needs to combine multiple streams of sorted data (think of combining search results from different sources), or you're working on a system that processes large amounts of sorted data, mastering this problem will help you optimize performance and reduce memory usage. Additionally, many modern web applications rely on manipulating large datasets. Being able to handle merging operations quickly and without extra memory allocation is an essential skill for building efficient systems. Before we dive into the solution, give it a go yourself! Can you come up with an efficient algorithm to merge two sorted arrays? Think about the constraints of doing this in-place. Challenge: Merging Sorted Arrays If you’re looking for the original challenge, here’s a link to the problem: LeetCode 88: Merge Sorted Array. Take some time to solve the problem. We'll wait here while you give it a shot! Our Approach to the Problem Alright, if you've tried the challenge and are ready for the solution, here’s a step-by-step breakdown of our approach: Two-Pointer Approach: We use two pointers, one for each of the two arrays. We start from the end of each array and compare the elements. The reason for starting at the end is that it allows us to fill the array nums1 from the back, ensuring we don’t overwrite elements that have not been processed yet. In-place Merging: The challenge specifies that the result must be stored in nums1, which is already preallocated with enough space to hold the merged result. So, rather than creating a new array, we modify nums1 in place to save memory. This is a key part of the problem. Efficient Time Complexity: We aim for O(m + n) time complexity, where m is the number of elements in nums1 and n is the number of elements in nums2. This is achieved because each element from both arrays is processed exactly once. Handling Remaining Elements: Once we’ve finished comparing the elements from the two arrays, there might still be elements left in nums2. If that’s the case, we simply copy them into nums1 since they are already sorted. Here’s the code for our solution in Node.js: javascript CopyEdit /** * Merges two sorted arrays into the first array in sorted order. * The first array nums1 has enough space to hold all elements from both arrays. * * @param {number[]} nums1 - The first sorted array with extra space at the end. * @param {number} m - The number of valid elements in nums1. * @param {number[]} nums2 - The second sorted array. * @param {number} n - The number of valid elements in nums2. */ function mergeSortedArrays(nums1, m, nums2, n) { let idx1 = m - 1; // Pointer for the last element in the valid part of nums1 let idx2 = n - 1; // Pointer for the last element in nums2 let mergeIdx = m + n - 1; // Pointer for the last position in nums1 (where we merge elements) // Merge the arrays from the back to avoid overwriting elements in nums1 while (idx1 >= 0 && idx2 >= 0) { if (nums1[idx1] > nums2[idx2]) { nums1[mergeIdx] = nums1[idx1]; idx1--; } else { nums1[mergeIdx] = nums2[idx2]; idx2--; } mergeIdx--; } // If there are any remaining elements in nums2, copy them over while (idx2 >= 0) { nums1[mergeIdx] = nums2[idx2]; idx2--; mergeIdx--; } } // Example usage const nums1 = [1, 2, 3, 0, 0, 0]; const m = 3; const nums2 = [2, 5, 6]; const n = 3; mergeSortedArrays(nums1, m, nums2, n); console.log(nums1); // Output: [1, 2, 2, 3, 5, 6] Key Takeaways: Two-pointer technique: Start merging from the end of the arrays to avoid overwriting elements. In-place merge: We don’t need extra memory space, making the solution more efficient. Efficient time complexity: The algorithm runs in O(m + n) time, which is optimal for this problem. Your Turn! Now that you've seen the solution, it's time to test your skills. Try running the code with different inputs and see how quickly you can modify the arrays! Also, if you found this blog helpful, we’d love to hear from you. Let’s get the conversation going! Post your results in the chat and tell us how you solved the challenge or if you found any alternative approaches. We're excited to see how you tackled it! Happy coding! 💻🚀

10 Essential Debugging Techniques Every Developer Should Know Debugging can feel like a never-ending rollercoaster. One moment, you think you’ve solved a tricky bug. The next, another issue appears out of nowhere. It can be frustrating, especially when you’re on a deadline. Studies show developers spend around 50% of their time just debugging. That’s a huge chunk of your workday fixing issues instead of creating new features. Mastering debugging isn’t just about fixing errors—it’s about improving productivity and turning headaches into smooth sailing. Here are 10 essential techniques every developer should incorporate into their workflow. 1. Use a Logger Instead of Print Statements Why Logging is Better than print() While print() statements can be useful for quick debugging, a logging framework provides structured, persistent, and scalable debugging. Structured Logging for Better Traceability Implement logging frameworks (like winston for Node.js, log4j for Java, or Python’s logging module) that allow structured logging. This makes it easier to filter, analyze, and track issues over time. Use Different Log Levels for Control Instead of cluttering your console, use log levels such as DEBUG, INFO, WARNING, and ERROR to control verbosity. Log levels help differentiate between debugging details and critical issues. Format Logs for Clarity Include timestamps, function names, and context in log messages to make debugging more efficient. Structured logs help in identifying patterns and recurring errors. 2. Utilize Your IDE’s Debugger Step Through Code Line by Line Most Integrated Development Environments (IDEs) provide powerful debugging tools that let you execute code one line at a time, revealing how data changes at each stage. Set Breakpoints for Targeted Inspection Breakpoints allow you to pause execution at specific lines and inspect variables without modifying the code. This method provides deeper insights than print statements. Analyze the Call Stack Understanding the call stack helps track how your program reached a specific point, making it easier to identify logical errors. Call stack tracing is essential for debugging recursive and nested function calls. 3. Leverage Version Control for Debugging (Git, SVN) Use Git for Code Rollbacks Version control allows you to revert to a previous working version when a new bug appears, saving you from hours of unnecessary debugging. Identify Bugs by Reviewing Commit History By analyzing commit logs, you can determine when and where a bug was introduced. Tools like git bisect can help pinpoint problematic commits. Debug Collaboratively When working in teams, use branching and pull requests to isolate debugging efforts without disrupting production code. Code reviews can also help catch errors early. 4. Read and Analyze Error Messages Break Down the Error Message Error messages provide valuable clues. Understand what they mean instead of blindly searching for solutions online. Use Stack Traces to Pinpoint the Issue A stack trace shows the sequence of function calls leading to an error. It helps you locate the exact source of a problem and determine which function is failing. Look Up and Understand Error Codes Familiarize yourself with common error codes in your programming language to save debugging time. Official documentation and online communities can be valuable resources. 5. Adopt the Rubber Duck Debugging Method Explain Your Code to an Inanimate Object Verbalizing your code to an object (or a colleague) forces you to rethink logic and uncover hidden mistakes. Identify Logical Gaps Talking through your thought process often highlights inconsistencies in your assumptions or implementation. Articulate Problems to Find Solutions The simple act of describing a problem aloud can sometimes trigger insights and lead to solutions. 6. Divide and Conquer: Isolate Problematic Code Reduce the Scope of the Bug Instead of searching an entire file, narrow down which function or module is causing the issue. Use Binary Search for Debugging Comment out or disable half of the code, then test. Repeat until the faulty section is identified. Test in Small, Incremental Steps Instead of making massive changes, adjust one small thing at a time and observe the results. 7. Write and Use Unit Tests Prevent Bugs with Automated Testing Writing unit tests ensures that functions work correctly, making debugging more proactive than reactive. Run Tests to Identify Broken Code If a test fails, you immediately know which part of your code is misbehaving. Continuous testing helps catch issues before deployment. Use Test Coverage Tools Tools like Jest (for JavaScript) or PyTest (for Python) help you identify untested parts of your application. Aim for high test coverage to minimize hidden bugs. 8. Check for Common Issues First Look for Syntax Errors A missing bracket or semicolon can break everything—double-check your syntax. Verify Dependencies and Imports Ensure that all required libraries and modules are correctly installed and imported. Use package managers like npm, pip, or Maven to track dependencies. Restart Your Environment Sometimes, a simple restart of your server, database, or application resolves unexpected behavior. Cache clearing and fresh builds can also fix inconsistent states. 9. Use Online Resources and Debugging Communities Search Stack Overflow (But Read Carefully) Many issues have already been solved by others—just make sure you understand the solution before applying it. Read Official Documentation Docs provide accurate and up-to-date information on functions, parameters, and best practices. Join Developer Communities Engage in platforms like Reddit, Discord, GitHub Discussions, and Dev.to to get insights from experienced developers. 10. Profile Your Code for Performance Bottlenecks Use Profiling Tools to Identify Slow Code Tools like Chrome DevTools (for JavaScript), cProfile (for Python), and Perf (for Linux) help detect performance bottlenecks. Optimize Database Queries If your application is slow, check your database queries for inefficiencies (e.g., missing indexes, unnecessary joins). Use query analyzers to optimize execution times. Monitor Memory Usage High memory consumption can cause crashes. Profile memory usage to identify leaks and optimize performance. Conclusion: Become a Debugging Master Mastering these debugging techniques can transform your approach from frustration to efficiency. By integrating methods like using a logger instead of print statements, leveraging your IDE’s debugger, and employing version control, you’ll debug faster and more effectively. Next time you face a bug, try these techniques. Practice makes perfect, and soon you’ll be debugging like a pro! Which debugging technique has saved you the most time? Share your thoughts in the comments!

The Showdown Between Server-Side and Standard Rendering In the quest for better web experiences, understanding rendering methods is crucial. Server-side rendering (SSR) and standard rendering (also known as client-side rendering or CSR) each have strengths and weaknesses. This article breaks down the key differences so you can choose what’s best for your website. The Ever-Evolving Web Landscape: A Quick Overview of Rendering Methods Rendering transforms code into visible content. There are two main types: Server-Side Rendering (SSR): The server generates HTML for each request. Client-Side Rendering (CSR): The browser interprets JavaScript to create HTML after the initial load. Both methods aim to deliver content, but they do it in different ways. Why Choosing the Right Rendering Method Matters for Your Website The rendering method affects user experience, SEO, and even development costs. Picking the right one can enhance website speed, improve search ranking, and simplify maintenance. Setting the Stage: Understanding the Core Differences SSR and CSR serve distinct needs. While SSR is often praised for its SEO benefits, CSR shines in delivering dynamic content. Understanding these characteristics helps make informed decisions. Understanding Server-Side Rendering (SSR) How SSR Works: A Step-by-Step Breakdown A user requests a webpage. The server processes this request. The server generates the HTML markup. The browser receives the complete HTML. The page displays immediately for the user. Benefits of SSR: SEO, Performance, and User Experience SSR offers many advantages: Improved SEO: Search engines index content easily. Faster Time-to-Content: Users see content quickly. Better User Experience: Immediate rendering minimizes wait times. Consistent Performance: SSR reduces reliance on client-side processing, leading to a smoother experience across devices. Real-World Examples of Successful SSR Implementation Many well-known companies utilize SSR: Netflix: Uses SSR to ensure fast load times and improved SEO. Airbnb: Employs SSR for better search rankings and user engagement. The New York Times: Utilizes SSR to provide quick access to news articles while maintaining optimal SEO. Deep Dive into Standard Rendering (Client-Side Rendering - CSR) The Mechanics of Client-Side Rendering The browser fetches an initial HTML page. JavaScript files load and create the necessary HTML in the browser. Users interact with the page after the app is fully loaded. Advantages of CSR: Development Simplicity, Dynamic Content CSR shines in specific areas: Easier Development: JavaScript frameworks simplify development. Dynamic Content: Allows for richer interactive features. Reduced Server Load: Since rendering happens on the client side, servers experience less strain. When CSR is the Optimal Choice: Specific Use Cases CSR works best for: Single-page applications (SPAs) like Twitter. Websites focused on user interactions, such as social networks. Real-time Applications: Sites requiring constant updates, such as dashboards and chat applications. Head-to-Head Comparison: SSR vs. CSR Performance Benchmarks: SSR vs. CSR According to recent studies: SSR can reduce load time by 25% compared to CSR. Pages using SSR often show a 15% lower bounce rate. CSR can offer smoother transitions in SPAs once fully loaded. SEO Implications: Examining Google's Ranking Factors Google favors fast-loading, accessible content. SSR typically ranks better because: Content is easier to crawl. Pages load fully before reaching users. CSR requires additional optimization techniques, like prerendering or hydration, for optimal SEO. Development Costs and Complexity: Weighing the Trade-Offs SSR: Might require additional server resources but improves SEO. CSR: Usually involves less server maintenance, but higher initial load times can hurt SEO. Hybrid Approaches: Some websites combine SSR and CSR (e.g., Next.js) for the best of both worlds. Choosing the Right Approach for Your Project Factors to Consider When Selecting a Rendering Method Think about: Your audience and their needs. The type of content you offer. Your website’s purpose. Your available infrastructure and budget. Actionable Steps to Determine the Best Fit for Your Needs Assess your website goals. Analyze your target audience's behavior. Consider your development team's expertise. Run performance tests to evaluate SSR and CSR under real-world conditions. Case Studies: Examining Successful Implementations of Both SSR and CSR SSR Success: The Guardian uses SSR to ensure fast page loads and improve SEO. CSR Success: Google Maps leverages CSR for real-time data updates and smooth navigation. Hybrid Success: Facebook combines SSR for initial content with CSR for seamless user interactions. Conclusion: Making the Right Choice for Optimal Results Key Takeaways: Summarizing the Advantages and Disadvantages SSR Advantages: Better SEO, faster initial load times, consistent performance. CSR Advantages: Dynamic content, easier development, reduced server load. Hybrid Solutions: Offer a mix of both, leveraging SSR for initial load and CSR for interactivity. Future Trends in Web Rendering: A Glimpse into the Future Advancements in technologies like React Server Components may blur the lines between SSR and CSR, offering flexibility and performance. Additionally, progressive hydration and edge computing are shaping the future of rendering for faster and more efficient web experiences. Share Your Thoughts! What rendering method do you use? Drop a comment below and join the discussion on SSR vs. CSR!