Recent publications

Read juicy posts about web technologies, UI/UX and some about management, ethics, remote working and collaboration

Dear engineers, this is a marathon and not a sprint so take care

In this blog post we are going to discuss about the little things that play a vital role in engineers success and have nothing to do with actual coding.

Read full story 2 mins read

Turn off your browser and try red, green & refactor pattern (part 4)

Every now and then, I come across mentally exhausted and frustrated web developers who try to test their work by clicking here and there in the UI. Most of the times something is still missing so they have to repeat this routine yet another time. My proposal is to simply turn off the browser.

Read full story 1 mins read

Turn off your browser and try red, green & refactor pattern (part 3)

Every now and then, I come across mentally exhausted and frustrated web developers who try to test their work by clicking here and there in the UI. Most of the times something is still missing so they have to repeat this routine yet another time. My proposal is to simply turn off the browser.

Read full story 3 mins read

Turn off your browser and try red, green & refactor pattern (part 2)

Every now and then, I come across mentally exhausted and frustrated web developers who try to test their work by clicking here and there in the UI. Most of the times something is still missing so they have to repeat this routine yet another time. My proposal is to simply turn off the browser.

Read full story 3 mins read

Turn off your browser and try red, green & refactor pattern (part 1)

Every now and then, I come across mentally exhausted and frustrated web developers who try to test their work by clicking here and there in the UI. Most of the times something is still missing so they have to repeat this routine yet another time. My proposal is to simply turn off the browser.

Read full story 2 mins read

Don't be mistaken, your contributions graph doesn't tell the full story

Many developers share proudly their contributions graph throughout social networks or CVs to demonstrate how hard they have been working which is amazing and speak volumes for their work-ethic. The thing is that this does not tell us actually the full story.

Read full story 1 mins read

Relax, not being a senior engineer is totally fine

We live in the seniors era. Suddenly everyone should be a senior so others can take him seriously. This is totally wrong for so many reasons

Read full story 2 mins read

RecoilJS is meant to rock your React world

RecoilJS is an experimental state management library for React that works and thinks like it. It aims to solve common issues like state interdependencies among related components, unwanted re-renderings across complex components trees, cross-app observations and many more.

Read full story 6 mins read

Using any in TypeScript gives us a false sense of safety

TypeScript is meant to make JavaScript stronger and safer by helping us stay type-safe while using it. Using any defeats this purpose and can easily become the root evil the more we keep on using it.

Read full story 3 mins read

Become a better godfather for your React components

Many React engineers are really uninterested or even sloppy when it comes about naming their components. This might be totally fine at first, but it can turn out to be an awful strategy as the application's codebase gets bigger.

Read full story 3 mins read

Manage environment variables in a Sapper application

Managing environment variables in a secure and easy way is a crucial process for any robust and mature web application. In a Sapper application we need to put some key pieces together in order to make things work.

Read full story 4 mins read

My React components render twice and drive me crazy

Many frontend developers who use modern React, wonder why their components render twice during development but this is actually happening for a good reason.

Read full story 2 mins read

ES2020 - String.prototype.replaceAll

For years we couldn't replace all instances of a substring in a string without the use of a global regexp. This is the issue that String.prototype.replaceAll is going to solve.

Read full story 1 mins read

What the heck is React Fast Refresh

React Fast Refresh is the successor of React Hot Loader. It was initially released for React Native and soon it will be included in Create React App as an experimental feature.

Read full story 2 mins read

ES2020 - Promise.any

When we need to know whether at least 1 promise got resolved among an iterable of Promise objects, Promise.any() is the solution we are asking for.

Read full story 1 mins read

Kill already running ports with ease

Many times we try to launch an application locally and we face an annoying error saying this port is already in use. How can we tackle this fast?

Read full story 1 mins read

ES2020 - Access global scope with globalThis across different environments

Accessing global object across different environments has been a challenging task for many years in the JavaScript community. This is exactly what globalThis is trying to tackle.

Read full story 1 mins read

ES2020 - Optional chaining and nullish coalescing operators

Accessing deep nested keys across objects has been a tricky procedure for JavaScript engineers since they should take care of non-existent keys down the road. Optional chaining and Nullish coalescing operators are meant to tackle this issue.

Read full story 2 mins read

Launch fast an HTTP server locally and test your application

There are times we need to launch an HTTP server locally to test a Single Page Application, or a production bundle or even a static website. So how do we do this?

Read full story 1 mins read

Use useRef hook to store values you want to keep an eye on

The most common use of refs in React is to create references to DOM elements and run imperative logic when needed. Force elements to become focused, scroll up and stuff like that. React hooks take all these a step further so we can use refs to store values we need to watch.

Read full story 2 mins read

Avoid ruining the reactivity of reactive variables in Vue 3

Vue 3 has introduced two primary methods to create reactive variables. These are ref and reactive methods. Because of them, we can leave behind the beloved data function we have been using in Vue 2 to declare local state across our components.

Read full story 2 mins read

ES2020 - Promise.allSettled

There are times when we need to know whether all promises we are running are done. This can be taken care of with Promise.allSettled().

Read full story 1 mins read

Load server-side data in your Vue 3 components

It is pretty common to load server-side data in our UI components in order to present dynamic content. In Vue 2 we have been using mostly created lifecycle hook to accomplish this but in Vue 3 there is no need to do so since we can simplify things a bit due to setup method.

Read full story 1 mins read

Newsletter

Get notified about latest posts and updates once a week!!