Simple Text-to-Speech with Next.js and ElevenLabs

I recently discovered ElevenLabs while searching for a Text-to-speech app to convert text into audio for my app. They offer an API with several features, including transforming text into speech. In this tutorial, I will talk about how to build a simple text-to-speech app using Next.js and ElevenLabs API.  No advanced knowledge is needed, but […]

Creating a media server interface with React and Emby API

In this article, I present an exciting project that I recently realized: a media server interface built with React, using the Emby API to retrieve and display data. This project also implements a hexagonal architecture to ensure a modular organization and a clear separation of responsibilities.  During this article, we will see all the main […]

Angular Internationalization

Internationalization, sometimes referenced as i18n, is the process of designing and preparing your project for use in different locales around the world. Localization is the process of building versions of your project for different locales. to prepare your project for translations, you should have a basic understanding of the following subjects. To facilitate the implementation […]

Java-Kotlin interoperability

Java and Kotlin are two of the most popular programming languages, and people widely use them in Android app development. Though different, they are designed to be fully interoperable. which means that they can call each others code Kotlin’s interoperability is key for Android app development. We’ll explore how it works and best practices for […]

Symfony framework: what, why and how?

As a full-stack developer, what you look forward to the most is to find solutions to cut down on the amount of code which leads to saving a lot of development time. In my opinion, there is no better way than using a framework. Making the right choice is even better.  For PHP technology, Symfony […]

Login page using Angular 15 part 1

In this article, I will show you how to create a simple login page. We use the Angular CLI to create projects and Materialize for UI. The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications directly from a command shell. It saves you from the […]

Observer Design Pattern: An Overview

The Observer Design Pattern is a behavioral design pattern that allows multiple objects to be notified and updated when the state of another object changes. Software applications that require event handling or notification of changes widely use this pattern. The observer pattern is a powerful way to create loosely coupled systems that are highly modular […]

Dependency injection in Angular

Dependency injection is a design pattern used in object-oriented programming, where the dependencies of a class are injected into it instead of being created inside it. Angular supports this design pattern and you can use it in your applications to increase flexibility and modularity. You should be familiar with the Angular apps in general, and […]

7 Ways To Write Cleaner React Code

7 Ways To Write Cleaner React Code

React developers want to write cleaner, simpler, and more readable code. In this article, we will explore 7 ways you can start writing cleaner React code and make building React projects and reviewing your code much easier. How do you pass a true value to a given prop? In the example below, we use the […]

Do you know about React Profiler? ver4

Do you know about React Profiler?

While techniques like console.log have traditionally been used to track the number of renders and measure rendering time in React applications, it’s important to be aware of more robust solutions, it’s important to be aware of a more robust solution: the Profiler component. You can interact with the React Profiler API in two ways: The […]

Skip to content