Home Northwind
Mostrando las entradas con la etiqueta laravel. Mostrar todas las entradas
Mostrando las entradas con la etiqueta laravel. Mostrar todas las entradas

martes, 3 de septiembre de 2024

Comparación de Frameworks de Desarrollo Web: Stack Overflow 2023 vs. 2024

No hay comentarios.: Publicadas por Carlos Juan a la/s 8:52 p.m. Etiquetas: , , , , , ,

Siempre estoy muy atento cuando la encuesta de Stack Overflow es publicada.

A pesar que Stack Overflow se ha visto desplazado por inclusión de la  IA, es una de las encuestas más fiables que tenemos.

Mi parte favorita son los web frameworks, ya que me es útil para saber qué se está usando en el mercado. Cada año, hago un pequeño análisis en comparación con el año anterior. Aquí les dejo la comparación entre los frameworks de desarrollo web más populares según las encuestas de 2023 y 2024.

Frameworks Más Populares

En ambos años, Node.js y React se mantuvieron como los frameworks más populares, aunque con una ligera disminución en su uso:

  • Node.js: pasó del 42.65% en 2023 al 40.8% en 2024.
  • React: bajó del 40.58% en 2023 al 39.5% en 2024.
Tanto jQuery, Express y Angular también se mantuvieron entre los más utilizados, aunque con pequeñas variaciones en sus porcentajes. Es interesante notar que Next.js ha visto un aumento en popularidad, subiendo del 16.67% en 2023 al 17.9% en 2024.

Aunque React no es precisamente mi librería favorita, su posición en el mercado es indiscutible. Año tras año sigue liderando las listas de popularidad, y su comunidad sigue creciendo exponencialmente. 

¡Dios salve al Rey! 👑

Tendencias a la Alta

Frameworks más recientes como FastAPI y NestJS están ganando terreno rápidamente:

  • FastAPI: creció del 7.42% en 2023 al 9.9% en 2024, pasando a Laravel en Ranking
  • NestJS: aumentó su adopción de 5.13% en 2023 a 5.8% en 2024.

Los Nuevos del Grupo

Se han añadido nuevos frameworks a la lista en 2024, les deseo mucha Suerte chicos.

Htmx (3.3%) 
Astro (3%)
Strapi (1.7%), 

Lo que sugiere un aumento de tecnologías más modernas y especializadas.

El Ecosistema JavaScript: Cada Día Nace un Framework, y Cada Día Muere Uno

El mundo de JavaScript es famoso por su constante innovación, donde cada día parece que nace un nuevo framework y, al mismo tiempo, otro desaparece en la oscuridad. Como se puede ver algunas de las tecnologías que estuvieron presentes en la encuesta de 2023 ya no estan en la lista de 2024, como Lit y Qwik, ambos con menos del 1% de uso en 2023.


Como le fue a mis Framewok Favoritos:

Django: Consistencia en la Comunidad Python

Django se mantiene ha pasando de un 11.47% en 2023 a un 12% en 2024. 

Este framework es mi favorito tanto mio como  de la comunidad de Python, especialmente para aquellos que buscan una solución completa para el desarrollo de aplicaciones web robustas y seguras. 

Su enfoque en la simplicidad, junto con su ORM poderoso y un ecosistema bien soportado, continúan atrayendo a desarrolladores que buscan eficiencia sin sacrificar la funcionalidad.

Ya han lanzado la version 5.1 con pocos cambios, pero lo perfecto no se toca =)

Django REST Framework: La Potencia detrás de las APIs en Python

Aunque Django es popular por su capacidad para construir aplicaciones web, cuando se trata de crear APIs eficientes, Django REST Framework (DRF) es mi recomendación, DRF facilita la creación de APIs escalables y seguras, manteniendo la elegancia y simplicidad que caracteriza a Django.

Aunque otros frameworks más ligeros, como FastAPI, están ganando popularidad, Django REST Framework sigue siendo una opción sólida y preferida por aquellos que buscan una integración perfecta con Django para proyectos más grandes y complejos.

Laravel: Un Framework Siempre en Evolución

Laravel ha mostrado una leve subida en popularidad,  ha pasando del 7.58% en 2023 al 7.9% en 2024. Aunque este aumento es modesto, refleja la continua relevancia del framework en el desarrollo de aplicaciones web, especialmente dentro del ecosistema PHP.

Laravel es El rey de los monolitos modernos, Livewire 3 e Inertia.js permiten construir interfaces ricas desde el backend, manteniendo la lógica en el servidor, que es típico de un monolito. Esto refuerza la idea de que Laravel facilita el desarrollo rápido sin tener que dividir la aplicación en frontend y backend separados.

Si usted lo utiliza para crear APIs, sirvase disculparme por la afirmacion, pero le aconsejo hacer su api en un framework mas rapido. 😊 (Lumen, FastAPI o Express).

El anuncio de Laravel Cloud, que promete facilitar la integración con entornos en la nube de forma aún más eficiente.

Además, con el lanzamiento de Laravel 11 en el horizonte, se espera que el framework siga mejorando y, quizás, logre aumentar su popularidad en la próxima encuesta. Tendremos que estar atentos para ver si estas novedades consiguen atraer a más desarrolladores y consolidar su crecimiento.

Vue.js: Un Ligero Descenso

Vue.js ha bajando su uso del 16.38% en 2023 al 15.4% en 2024. 

Continua siendo uno de los frameworks más populares, especialmente para aquellos que buscan un enfoque progresivo y flexible en el desarrollo frontend sin una curva de aprensaje tan elevada. 

Podemos suponer que la baja se deebe al uso de Svelte y Next.js, aun así es un opcion solida, para muchos dev's por su facilidad y simplicidad.

Ruby on Rails: Persistencia en el Mundo

Ruby on Rails (RoR) ha pasado del 5.49% en 2023 al 4.7% en 2024, lo que refleja una caída lenta pero constante en su uso. Sin embargo, sigue siendo un framework querido por muchos desarrolladores, especialmente aquellos que prefieren trabajar solos.

Ruby on Rails ha sido el framework preferido por muchos desarrolladores que trabajan solos o en equipos pequeños, sobre todo porque ofrece una gran cantidad de herramientas listas para usar. Esto les permite a los desarrolladores crear aplicaciones completas rápidamente sin necesidad de demasiada configuración.

Su enfoque en la convención sobre la configuración y la productividad continúa atrayendo a quienes buscan desarrollar aplicaciones de manera rápida y eficiente. 

Creo que la competencia de otros frameworks modernos podría estar influyendo en esta ligera caída de popularidad.

Conclusión

Los resultados de las encuestas de Stack Overflow de 2023 y 2024 nos muestran lo rápido que pueden cambiar las preferencias de los desarrolladores, con algunas tecnologías ganando popularidad mientras otras pierden relevancia.

Ahora bien, si he dicho algo que no te ha sentado bien, ¡discúlpame! 😅 Esto es solo mi humilde opinión, basada en mi experiencia y lo que he observado. Es importante recordar que cada desarrollador tiene sus herramientas y enfoques favoritos, ¡y eso es lo que hace que este campo sea tan diverso y emocionante!

Mantente al tanto de estas tendencias para elegir las mejores herramientas para tus proyectos..

Para revisar la encuentas completa  puedes revisar en Stack Overflow Developer Survey 2024.
Tecnología 2023 (%) 2023 Ranking 2024 (%) 2024 Ranking Cambio
Node.js 42.65% 1 40.8% 1 ▼
React 40.58% 2 39.5% 2 ▼
jQuery 21.98% 3 21.4% 3 ▼
Next.js 16.67% 6 17.9% 4 ▲
Express 19.28% 4 17.8% 5 ▼
Angular 17.46% 5 17.1% 6 ▼
ASP.NET Core 16.57% 7 16.9% 7 ▲
Vue.js 16.38% 8 15.4% 8 ▼
ASP.NET 12.79% 10 12.9% 9 ▲
Flask 12.16% 11 12.9% 9 ▲
Spring Boot 11.95% 12 12.7% 11 ▲
Django 11.47% 13 12% 12 ▲
WordPress 13.38% 9 11.8% 13 ▼
FastAPI 7.42% 15 9.9% 14 ▲
Laravel 7.58% 14 7.9% 15 ▲
AngularJS 7.21% 16 6.8% 16 ▼
Svelte 6.62% 17 6.5% 17 ▼
NestJS 5.13% 19 5.8% 18 ▲
Blazor 4.88% 20 4.9% 19 ▲
Ruby on Rails 5.49% 18 4.7% 20 ▼
Nuxt.js 3.69% 21 3.6% 21 ⬌
Htmx - - 3.3% 22 🆕
Symfony 3.2% 22 3.2% 23 ▼
Astro - - 3% 24 🆕
Fastify 2.05% 25 2.2% 25 ▲
Deno 2.36% 23 1.9% 26 ▼
Phoenix 2.04% 26 1.9% 27 ▼
Drupal 1.87% 27 1.9% 27 ▼
Strapi - - 1.7% 29 🆕
CodeIgniter 1.72% 28 1.7% 30 ▼
Gatsby 2.33% 24 1.6% 31 ▼
Remix 1.27% 30 1.6% 31 ▲
Solid.js 1.36% 29 1.2% 33 ▼
Yii 2 - - 0.9% 34 🆕
Play Framework 0.76% 32 0.8% 35 ▼
Elm 0.81% 31 0.6% 36 ▼
Ver

sábado, 25 de julio de 2020

Laravel & vue reload / refresh data con timer

No hay comentarios.: Publicadas por Carlos Juan a la/s 8:06 p.m. Etiquetas:
No se si es la solucion correcta, pero asi lo solucione yo. Paso 1 - Nuevo proyecto / Ejecutar proyect 
laravel new test_tick
cd test_tick
php artisan serve

Paso 2: Instalar Vue (en otra ventana) 
cd test_tick
composer require laravel/ui
php artisan ui vue

Paso 3 : Instalar moment 
npm install
npm run watch

Paso 4 : Desarollando el tick
Abrimos el archivo resources/js/components/ExampleComponent.vue
Vamos hacer el metodo llenar se ejecute cada 5 segundos.
<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>
 
                    <div class="card-body">
                        Fecha: {{fecha}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
 
<script>
    export default {
        data(){
            return {
                fecha: new Date(),
            }
        },
        mounted() {
            console.log('Component mounted.')
            this.llenar();
        },//timer
        beforeDestroy () {
            clearInterval(this.intervalid1)
        },
        created() {
            setInterval(this.llenar, 30000);
        },//fin timer
         methods:{
            llenar(){
                this.fecha= new Date();
                console.log (this.fecha);
            },
        }
    }
</script>
 

Paso 5 : Habilitando VUE en Laravel Para este ejemplo vamos a reemplazar la vista resources/views/welcome.blade.php con el siguiente contenido. 
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <title>Laravel</title>
        <!-- Scripts -->
        <script src="{{ asset('js/app.js') }}" defer></script>
 
    </head>
    <body>
        <div id="app">
            <example-component></example-component>
        </div>
    </body>
</html>

Ver

miércoles, 22 de julio de 2020

Instalar moment en Laravel & vue

No hay comentarios.: Publicadas por Carlos Juan a la/s 9:16 p.m. Etiquetas:

Instalando Moment


Paso 1 - Nuevo proyecto / Ejecutar proyect 
laravel new test_fechas
cd test_fechas
php artisan serve

Paso 2: Instalar Vue (en otra ventana) 
cd test_fechas
composer require laravel/ui
php artisan ui vue
Paso 3 : Instalar moment 
npm install
npm install --save vue-moment
npm run watch

Paso 3: Configurando moment
En archivo resources/js/app.js arriba de la seccion app agregamos. 
/* moment */
import moment from 'moment'
import 'moment/locale/es';
Vue.prototype.moment = moment
Vue.use(require('vue-moment'));

const app = new Vue({
    el: '#app',
});

Paso 4: Testing Moment
Abrimos el archivo resources/js/components/ExampleComponent.vue 
<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        {{moment(fecha).format('dddd, Do MMMM YYYY, h:mm:ss a')}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        },
        data(){
            return {
                fecha: new Date()
            }
        },
    }
</script>

Paso 5: Desplegando el Componente Para este ejemplo vamos a reemplazar la vista resources/views/welcome.blade.php con el siguiente contenido. 
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel</title>
        <!-- Scripts -->
        <script src="{{ asset('js/app.js') }}" defer></script>

    </head>
    <body>
        <div id="app">
            <example-component></example-component>
        </div>
    </body>
</html>

Resultado final


 

Ver
Suscribirse a: Entradas (Atom)