Create Development Build with React Vite

Create Development Build with React Vite

Tiempo de lectura: < 1 minuto Today we are going to learn how we can generate a development build with React Vite. This will generate the dist folder with development configuration. To do this, we need to go to the package.json file and add this command inside “scripts”: { Returns only the HTML translated, without any additions. npm build-dev This way … Read more

Installing Docker and Docker Compose on Debian in Minutes

Installing Docker and Docker Compose on Debian in Minutes

Tiempo de lectura: < 1 minuto Today we’re going to learn how we can install Docker and Docker Compose on Debian very quickly. First, we add the Debian repository keys. Now we install the latest version of Docker sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin Run Docker sudo docker run hello-world We can configure so that we don’t need to … Read more

Software Engineering: Model-View-ViewModel (MVVM)

Software Engineering: Model-View-ViewModel (MVVM)

Tiempo de lectura: < 1 minuto The term «Model-View-ViewModel» (MVVM) is a software architecture pattern commonly used in the development of software applications, especially in user interface applications such as web and mobile apps. MVVM is a variant of the Model-View-Controller (MVC) pattern and focuses on separating the presentation logic from the business logic of an application. In MVVM, the three … Read more

Software Engineering: Object-Oriented Software Architecture

Software Engineering: Object-Oriented Software Architecture

Tiempo de lectura: < 1 minuto Object-oriented software architecture focuses on designing and organizing software systems using principles and concepts of object-oriented programming. Unlike traditional architecture based on components or layers, object-oriented architecture is based on the idea of building systems as a collection of interconnected objects that collaborate to achieve the system’s goals. By applying object-oriented design principles and using … Read more

Implementing Vitest in a React Environment with Vite for Unit Tests

Implementing Vitest in a React Environment with Vite for Unit Tests

Tiempo de lectura: 2 minutos Today we are going to learn how we can install Vitest in a React environment with Vite. First, we will install Vitest: npm install -D vitest After we will install the necessary libraries: npm install vitest @testing-library/react @testing-library/jest-dom –save-dev Now let’s create the directory structure for the tests, outside our src folder: And within components, … Read more

Test-Driven Development (TDD) in Software Engineering

Test-Driven Development (TDD) in Software Engineering

Tiempo de lectura: < 1 minuto Test-Driven Development (TDD) is a software development practice that focuses on writing automated tests before writing production code. The TDD development cycle follows three steps: writing a test, making it fail, and then writing the minimum code necessary for the test to pass. Below are the benefits and best practices associated with TDD: In this … Read more

Object-Oriented Programming: SOLID Design Principles

Object-Oriented Programming: SOLID Design Principles

Tiempo de lectura: < 1 minuto The SOLID principles are a set of five software design principles that promote the creation of clean, maintainable, and scalable code. These principles were introduced by Robert C. Martin in his book «Agile Software Development, Principles, Patterns, and Practices» and are fundamental to object-oriented software engineering: The SOLID principles provide clear guidelines for software design … Read more

Fundamentals of Object-Oriented Programming (OOP)

Fundamentals of Object-Oriented Programming (OOP)

Tiempo de lectura: < 1 minuto Object-Oriented Software Engineering is an approach to software development based on the concept of objects, which are entities that represent data and behaviors. This tutorial will guide you through the fundamentals of object-oriented software engineering and how to apply them in your software development projects. Fundamentals of Object-Oriented Programming (OOP) Object-Oriented Programming (OOP) is a … Read more

Select Dropdown Options Widget or DropdownButton in Dart using Flutter

Select Dropdown Options Widget or DropdownButton in Dart using Flutter

Tiempo de lectura: < 1 minuto Today we are going to create a custom widget called CustomDropdownButton, which is used to display a DropdownButton with selectable options. The widget accepts three parameters: Widget Usage: To use this widget, simply incorporate it into the widget tree and provide the required parameters as shown below Finally, we visualize the result Returns only the … Read more