Using React Router (Remix) with Material Tailwind components

Material UI is a great Google React UI component library. It looks great, provides consistent look for web applications, but it has two disadvantages: Material Tailwind is an opensource library recreating the consistent look of Material UI, but allowing Tailwind themes to control the look. To set a React Router (Remix) web application to use …

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 …