Upgrading Windows 10 to 11 on a AMD B550M DS3H

I have been struggling to upgrade my custom built PC that has the following configuration to Windows 11 for a while now.

Motherboard: ASUS B550M DS3H
Processor: Ryzen 7 3700X
RAM : 32 GB
M2 SSD: Sabrent 4.0 512 GB 
OS: Windows 10 Pro

Last time I tried installing Windows 11 a couple of years ago, I had to convert the hard disk and then enable secure boot on my BIOS and that destroyed all my data and I had to flash the BIOS again using Flash drive methods which took a whole day.

Today, I tried again to get some help from YouTube and forums and these below videos helped me resolve my issues.

My main issue was that my motherboard was not having secure boot enabled according to the Windows 11 Health Check application. This was the only stopper for me to upgrade to Windows 11 like last time.

This below video helped me point out that I need to check my HDD volume type to be GPT instead of MBR. I checked and found my disk was of type MBR and I had to change the format using the techniques mentioned in the video.

Blocker: I was not able to do the MBR2GPT /validate successfully on my hard drive.

So after further digging I found through another YouTube video that I am having the conversion problem because I have more than 3 partitions.

I deleted one of my partitions after backing up and then was successfully able to follow the rest of the steps in the first video.

After all the Secure boot was enabled, the system information still showed for me that Secure Boot was Off. But when I ran the windows 11 installation it started working!!!! Yay!!!

Thanks to the youtubers I am now able to enjoy windows 11 on my custom built PC after 4 years of having it! and WSL 2, Virtualization and few others which were also figured out during this process.

How to Show The Active File in Visual Studio Solution Explorer

Once you get used to VSCode, where it automatically highlights the current active file on the solution explorer, you will have trouble with the Visual Studio Professional IDE which which has that feature disabled by default.

Not being able to see where the file is located in the solution explorer folder structure can slow you down in the development process when you are using a full fledged IDE like Visual Studio Professional or Enterprise or Community Editions especially when you have multiple projects within a solution.

Its an easy fix!

We just go to the Visual Studio : Tools > Options > Projects and Solutions and enable the “Track Active Item in Solution Explorer” option and that will enable this feature.

Visual Studio Options Screenshot
Visual Studio Options Screenshot
Visual Studio Options Screenshot
Visual Studio Track Active Item Screenshot

One thing to remember is that, if you are used to a feature on one IDE, that feature is definitely going to be present in another IDE too, either as an existing option hidden somewhere or as a extension or a plugin. So do not get worried that you have to learn a new IDE usage!

Want some great deals on items? Check this out!

I love finding deals on items that I and people I know are interested in. I love sharing them with everyone so that they can save their hard earned buck.

I monitor prices of certain items and can tell you if buying the item at that price is worth it or you should wait for it to get it at a certain price point based on the history of the items price ups and downs.

Please visit my other site where I post the deals and let me know via comments if you are interested in a certain item and I can help you out as time permits.

I might earn a small commission when you buy items through my sites with no additional cost to you.

Visit: https://deals.v3r.us

 

Javascript Arrays: Destructuring and Spread Operator

I have worked with Javascript for years now but all these years I was using jQuery and plain javascript with various libraries like jQuery UI etc. Just couple of years ago I was moved into a work environment where everyone except me was doing Angular development. And some were working on moving the angular apps to React.

Given that I have never worked on Angular or React before, I was chose as a candidate for learning react from scratch. I have been working with React for 2 quarters now and I still see so many unknown syntaxes and functionalities.

I have gone through a couple of tutorials for react which made a little bit of sense. But most of the syntax things that I am not understanding are plain Javascript and not react syntax. This made me realize that I have been so out of touch with the javascript that all these new libraries and frameworks syntaxes seem so new to me.

Two of the main weirdness that I found were the array destructuring and the spread operators.

Array Destructuring

This deals with assigning array values to individual variables in very simple manner as follow:

const foo = [‘one’, ‘two’, ‘three’];

const [red, yellow, green] = foo;

console.log(red); // “one”
console.log(yellow); // “two”
console.log(green); // “three”

Refer to the mozilla documentation of javascript for other ways of assignments. All were very interesting way of doing things. The most common ones that I saw being used in React was returning a function’s return array values into variables in React Hooks using Array Destructuring as below:

const [count, setCount] = useState(0);

Spread Operator

This deals with extracting some of the values from an array into a few variables and then keeping rest of them as is. Going through this will probably explain it better than me.

In other words, if you have an array of 10 values and want to only separate 2 values out of it for use keep the rest of them where they came from, you use the spread operator. Look at the example below:

const [a, …b] = [1, 2, 3];
console.log(a); // 1
console.log(b); // [2, 3]

Overall, it is fun learning these new syntaxes and using them in day to day work. Will keep learning until I totally understand it and feel like a pro 🙂

If you need more info on these please refer to the Mozilla documentation of javascript.

Thank you for reading.

Testing a website from server before DNS switch via SSH Tunneling

This is a continuation to the blob I previously posted. Since then I have found another way of testing a site without switching the DNS.

What this approach does is, it assigns the port from the server (that you are migrating your site to) to a port on your local machine. And you can add your domain name on the hosts file with the 127.0.0.1 IP and you should see the site loading on your browser only. More details below:

Requirement: You need to have ssh access to your server obviously and have a tool on your local development PC that lets you ssh via command line.

  • Open the terminal and type the command below on your local PC.
ssh -L localPort:remoteServerName:remotePort username@remoteServerName

localPort : is the port where you want the application to be mimicing on your local pc.

remoteServerName: Hostname of the remote server where your application is being setup and migrated.

remotePort: The port number on the Remote Host server where you application is being servers by Apache or other web server.

username: The user name that you will use to ssh to the remote server.
  • After doing the above, update your hosts file on the local development pc to point the domain name you are trying to test to 127.0.0.1 . example : 127.0.0.1 www.testsite.com
  • If you chose port 80 or 443 for localPort, then type the domain https://www.testsite.com on your browser and it should show the site that is running on the remoteServerName:remotePort.

You should now be able to test all your sites running on your servers using the above method via browser unlike the curl method mentioned in my previous port.


Testing a website from server before DNS switch via CURL

If we come across a scenario where we are migrating a high traffic site from a third party hosting provider like hostgator or godaddy to a IaaS host, we will come across a situation where we want to test if the site that we setup on the IaaS server is ready for us to do a DNS switch.

To accomplish that testing we can use ssh to the IaaS server and once all is setup we can test it using the curl command as below:

curl --verbose --header 'Host: www.mywebsite.com' https://ipaddress:port -k

–verbose will give you a detailed overview of the command

–header ‘Host: ‘ will allow us to tell apache2 which domain name are we trying to test.

Then we provide the https://[current ip]:[port] to tell curl that we want to check the response for the above domain name on this ip address and port.

-k will allow curl to ignore any SSL certificate issues if you havent finished transferring the SSL certificates to the server yet.