Blog

Code Smell | Complex ConditionsCode Smell | Complex Conditions

Code Smell | Complex Conditions

July 13, 2024
Avoid complex if conditions by using variables or functions to improve readability and maintainability
codequality
refactorit
code-smell
complex-conditions
Harness the power of TypeScript + Zod to manage your environment variablesHarness the power of TypeScript + Zod to manage your environment variables

Harness the power of TypeScript + Zod to manage your environment variables

February 28, 2024
Optimize TypeScript projects with Zod for secure, type-safe environment variable management, enhancing code reliability and developer experience
Environment variables
zod
TypeScript
codequality
validation
runtime-errors
Code Smell | Chained Ternary OperatorsCode Smell | Chained Ternary Operators

Code Smell | Chained Ternary Operators

February 4, 2024
Avoid the code smell called "Chained Ternary Operators" by replacing them with switch statements and object maps for cleaner, more efficient code
codequality
refactorit
code-smell
Design pattern | RepositoryDesign pattern | Repository

Design pattern | Repository

January 10, 2024
Understanding the Repository Design Pattern
design-pattern
repository-pattern
refactorit
Blog Setup: Docker, Ghost, SSL - Easy GuideBlog Setup: Docker, Ghost, SSL - Easy Guide

Blog Setup: Docker, Ghost, SSL - Easy Guide

January 7, 2024
Optimize Ghost Blog: Deploy with Docker, configure reverse proxy, SSL, MariaDB for seamless experience
blogging
ghost
docker
docker-compose
selfhosting
Code smell | Side EffectsCode smell | Side Effects

Code smell | Side Effects

November 26, 2023
This code smell can be detected when a function modifies an external state beyond its own scope.
codequality
refactorit
code-smell
The importance of prioritizing code optimization for humans rather than machineThe importance of prioritizing code optimization for humans rather than machine

The importance of prioritizing code optimization for humans rather than machine

September 2, 2023
In this article I will present my arguments to justify why in most software projects it is more important to prioritize the optimization of code for humans rather than for machines.
codequality
opinion
Code smell | Hardcoded fake data in testsCode smell | Hardcoded fake data in tests

Code smell | Hardcoded fake data in tests

May 21, 2023
this code smell occurs when you see fake data that is needed for tests within the same test file.
codequality
refactorit
code-smell
testing
Design pattern | CriteriaDesign pattern | Criteria

Design pattern | Criteria

March 18, 2023
This pattern allows you to build search queries using a common interface, which makes the code much more modular and flexible.
codequality
design-pattern
Code Smell | Switch StatementsCode Smell | Switch Statements

Code Smell | Switch Statements

January 11, 2023
This code smell is caused by the abusive use of the switch statements.
codequality
refactorit
code-smell
Code Smell | Too Many ImportsCode Smell | Too Many Imports

Code Smell | Too Many Imports

October 20, 2022
This code smell is caused by the abusive use of imports in components, classes or any other type of module of our project.
codequality
refactorit
code-smell
Code Smell | Magic NumbersCode Smell | Magic Numbers

Code Smell | Magic Numbers

August 16, 2022
This code smell can be detect when we use a number that lacks the proper semantics.
codequality
refactorit
code-smell
Standardize imports with ESLintStandardize imports with ESLint

Standardize imports with ESLint

July 8, 2022
This rule of ESLint will help us maintain a standard regarding the ordering and grouping of the imports of our project.
codequality
eslint
Code Smell | Data ClumpsCode Smell | Data Clumps

Code Smell | Data Clumps

May 24, 2022
This code smell can be detected when we observe that certain groups of data are being used in different parts of our code.
codequality
refactorit
code-smell
Code Smell | Shotgun SurgeryCode Smell | Shotgun Surgery

Code Smell | Shotgun Surgery

March 16, 2022
This code smell can be detected if making a change have to replicate this change in different parts of our code.
codequality
refactorit
code-smell
Code Smell | Divergent ChangeCode Smell | Divergent Change

Code Smell | Divergent Change

February 21, 2022
This smell can be detected when we observe that at a specific point in our application we perform too many changes, these points can be a certain class, a .js or .ts file that exports certain functions, etc.
codequality
refactorit
code-smell
Code Smell | Primitive ObsessionCode Smell | Primitive Obsession

Code Smell | Primitive Obsession

November 29, 2021
This code smell is given by the abusive use of primitive types when modeling our classes.
codequality
refactorit
code-smell
Day.js | The lightest API to handle dates in JSDay.js | The lightest API to handle dates in JS

Day.js | The lightest API to handle dates in JS

September 14, 2021
Library that will help us with the handling of dates in JavaScript.
javascript
library
date
Named arguments | JSNamed arguments | JS

Named arguments | JS

May 14, 2021
In this post we will see what the named arguments are and how they can help us to make code cleaner. Lets goo!!
javascript
Media queries & custom props on Styled Components | React | TSMedia queries & custom props on Styled Components | React | TS

Media queries & custom props on Styled Components | React | TS

February 27, 2021
How to use media queries and custom props inside our Styled Components in React with Typescript
react
typescript
styled-components
css
text-transform property | CSS3text-transform property | CSS3

text-transform property | CSS3

November 1, 2020
This property will allow us to capitalize, upper case and lower case any text using CSS.
css
Avoiding IF nestingAvoiding IF nesting

Avoiding IF nesting

September 25, 2020
Tip to improve the readability of our code. We will achieve this by using guard clauses which will help us avoid this IF nesting.
codequality
Customizing styles for ordered list | HTML + CSSCustomizing styles for ordered list | HTML + CSS

Customizing styles for ordered list | HTML + CSS

August 23, 2020
Learn how to add styles to an ordered list in HTML5 using CSS3.
css
html
Translations for React using i18n hookTranslations for React using i18n hook

Translations for React using i18n hook

June 25, 2020
How to add translations to a project built with ReactS.
react