This dynamic and visually engaging approach to note-taking allows us to create meaningful connections between concepts and unlock a deeper understanding of the material. — Notes-taking is hard, especially if you want to revisit your notes or use them for learning. I recently found a game changer for me — Mind Maps 🧠 and I want to share it with anyone struggling with long and messy notes. What is a Mind Map?

By creating a custom Cypress reporter, you can extend Cypress reports in a way that meets your needs. For example, I needed to create a visual HTML report for snapshot diffing results. Create the reporter file Create a cypress/reporter directory. Create an index.js file in the cypress/reporter directory. Place the following code in the…

Useful for micro frontend apps and services. With this approach, you can call functions in components from outside. 1. Create a ref with React.createRef. const ref = React.createRef(); 2. Pass the ref to the component. You can either pass the ref to the component in a render function. import App from "./App" export default function AppContainer() { const ref = React.useRef(null); …

Objective: Import and Initialize a react app in a vanilla js project via webpack 5 Module Federation. Step 1 Export a function from the react app that renders the app in a container passed as a function parameter. Step 2 Configure webpack to use Module Federation…

Why need this? I am using a visual snapshot diffing tool for one of my projects. I take baseline snapshots and then commit them, then run the test which makes a diff with snapshots of the current state of the app. …

I was so surprised to find out that there is no such functionality in the standard tier. I really needed this type of trigger and here is how I worked around the missing function and solved my problem easily. The problem I want to trigger a GitLab job when I merge a…

There are many articles about code review principles, benefits, and why we should do them. This one is a bit different. I’ll try to present my practical checklist on Code reviews in a very minimalistic way. …

I’m sure every developer has their own techniques of debugging and problem-solving. Here I’m sharing the things that I do the most to solve complex problems. Some of them are very well known and others are just my ways of doing things(maybe they are well known as well, I’m just…

I was extremely excited when this feature was introduced. It saved us tons of hardcoded configurations and hours of maintaining them because of their dynamic nature. It also helped us distribute better our jobs over the runners that we had. This feature is very useful in cases of testing or building with different environment variables. In the example that I’m showing, I have a testing…