React web application first page load is very slow

The React web application’s first page can load very slowly in development mode when SSR (Server Side Rendering) is enabled. There can be many causes, but there is one that can be eliminated easily. If the application uses Google’s Material UI library the loading of the more than 9000 icons can take a long time. …

Disable the Caps Lock key in Windows 11

To disable the Caps Lock key in Windows 11 you can edit the registry. DISCLAIMER: THIS CAN ALTER HOW YOUR KEYBOARD WORKS, DO IT AT YOUR OWN RISK!!!! For the original full instructions see Short of physically removing the caps-lock key from the keyboard, is there a way to disable CAPS LOCK? The details are …

Using GitHub Copilot Coding Agent

Copilot Coding Agent can work entirely online without you knowing anything about software development. To use it The agent will create a new branch and based on your description it will make code modifications. Once the agent completed the task, it will request a review Preparing the GitHub Copilot Coding Agent environment To make sure …

Working with Bitbucket

Install Atlassian SourceTree Install Atlassian SourceTree, the free Bitbucket UI from https://www.sourcetreeapp.com/ Configure Visual Studio Code Git extension The Git extension is a part of Visual Studio Code. If there is no Git executable installed on the system, set the portable Git executable installed by SourceTree. Open the C:\Users\YOUR_USER_NAME\AppData\Roaming\Code\User\settings.json and set Add Git to the …

Working with mono repos

Once the mono repo is configured, we can install dependencies and build applications from the top level using the filter. Install all dependencies Remove duplicate dependencies No -r option is necessary To remove the duplicates of a specific dependency To list all references of a dependency Typecheck all packages and applications Build all apps and …

Creating a mono repo for multiple applications

If you are planning to develop multiple applications working together, using the same technology, it is advantageous to place all of them in the same Git repository. This way you can use relative paths to refer to shared functions to access the same database, React components, and images to make the pages look consistent. As …

Finding unidentified processes in WSL

If an unidentified process is generating a web site Try to load it in an incognito / Private windowOpen http://localhost:PORT/… in a brand new private window. curl test In a Windows or in WSL: Who owns the port In a Windows PowerShell window with Admin rights: In a Windows PowerShell window with Admin rights: In …

Install pnpm

pnpm is a Node Package Manager and Node Version Manager to install and manage multiple Node.js version and a central repository of node modules First uninstall nvm Node.js On Windows Uninstall Node.js in Settings/ Apps / Installed Apps Install pnpm Open a PowerShell terminal and execute IMPORTANT: Close and re-open all terminals and Visual Studio …