QUÉ ESTUDIAR como PROGRAMADOR WEB en 2024?? | Tier List
Вставка
- Опубліковано 7 жов 2024
- En este video hablaremos sobre TODAS la TENDENCIAS de PROGRAMACIÓN según la JS Rising Stars 2023, lo cual te ayudara a decidir que debes aprender. Cada tecnología con su respectiva posición + ¿POR QUÉ?
Recurso Analizado: risingstars.js...
▶ No te pierdas más directos en: / midudev
▶ Comunidad chula: / discord
▶ Instagram: / midu.dev
▶ Twitter / midudev
▶ Tiktok: / midudev
00:00:00 - Intro
00:02:00 - Estructura del Tier List
00:02:33 - Stage Management
00:03:22 - Redux
00:04:46 - TinyBase
00:05:29 - Legend-State
00:06:08 - Signals
00:07:05 - Valtio
00:08:11 - Nano Stores
00:09:08 - Pinia
00:09:54 - XState
00:12:33 - Jotai
00:13:06 - 🧸Zustand
00:15:51 - GraphQL
00:16:03 - Gatsby
00:16:43 - Redwood, Garph, GraphiQL
00:17:02 - Hasura
00:17:35 - Nhost
00:18:47 - Amplication
00:19:11 - Directus
00:19:35 - TanStack Query
00:20:49 - GraphQL…
00:22:25 - APLICACIONES DE ESCRITORIO
00:22:39 - Nativefier
00:22:59 - Electron
00:23:29 - Wails
00:23:51 - Tauri
00:25:45 - SITIOS ESTATICOS
00:25:58 - Hexo
00:26:12 - Eleventy y Starlight
00:27:27 - VitePress
00:27:51 - Nuxt & Next.js
00:28:20 - Astro
00:28:41 - Nextra y Docusaurus
00:31:38 - TESTING
00:31:49 - jsdom
00:32:29 - Jest
00:32:40 - Vitest
00:33:15 - Mock Service Worker
00:35:12 - rrweb
00:35:49 - Selenium
00:35:59 - Playright
00:37:27 - Storybook
00:38:17 - ESTILOS
00:38:47 - Emotion (CSS in JS)
00:41:19 - Vanilla-Strack
00:41:37 - PandaCSS
00:42:17 - Tamagui
00:42:50 - UnoCSS
00:43:03 - TailwindCSS, Stylex y más
00:45:18 - APLICACIONES MOVILES
00:45:40 - Expo
00:45:57 - Ionic y el resto
00:46:26 - BUILD (esbuild, tsup y más)
00:46:50 - SWC, Turborepo
00:47:33 - Rspack
00:48:19 - Oxc
00:48:35 - BACK-END/FULL-STACK (Express y más)
00:49:12 - SvelteKit & T3-app
00:49:42 - Remix
00:49:54 - Express
00:50:12 - strapi
00:50:23 - tRPC
00:50:40 - Wasp
00:51:42 - Qwik
00:52:29 - Nest
00:53:39 - ECOSISTEMA DE VUE
00:53:51 - IMPORTANTE!!!!
00:54:57 - Pinia & Vuetify
00:55:25 - Bibliotecas UI de Vue
00:55:50 - PrimeVue
00:57:49 - Lunar UI (catalogo para vue de componentes)
00:59:16 - Slidev
01:00:09 - Nuxt
01:00:48 - ECOSISTEMA DE REACT
01:01:00 - Radix
01:01:54 - Mantine
01:03:51 - MUI
01:04:53 - Serverless Stack
01:05:34 - Tremor
01:06:49 - NextUI
01:07:46 - Refine
01:09:10 - Excalidraw
01:10:39 - shadcn/ui
01:15:26 - FRAMEWORKS FRONT-END
01:15:39 - Preact y&VanJS
01:16:05 - Alpine.js
01:16:20 - Lit
01:17:34 - Yew
01:17:55 - Vue.js 2
01:18:23 - Nue
01:19:48 - Solid.js
01:20:55 - Angular
01:21:58 - Vue.js (nueva versión)
01:23:12 - Million
01:23:44 - Svelte
01:25:13 - HTMX
01:25:54 - se viene curso de HTMX
01:27:51 - React
01:28:55 - PROYECTOS MÁS POPULARES
01:31:34 - Últimas palabras
Lo irónico de todo esto es que cuándo termine de aprender esto, ya estará empezando el 2025 y abra que ver qué viene con el
jajaj te creo
Te juro que si jajajaj
Correcto, sin embargo ya estaras bastante avanzado y aprender algo nuevo te toma una minima fraccion de tiempo, comparado a aprender desde cero.
lo recomendado siempre es aprender algo super bien, que lo domines a la perfección, de esta manera adaptarte a nuevas tecnologías será mucho más fácil y no es un proceso tan largo.
Cuando termine dice... al menos eres optimista amigo
No tengo ni idea de que son esas cosas, pensaba que hablaría de los clásicos como java, JavaScript, PHP💀
Habló de puro Framework 😅
Hola Midu. Cuando podrás hacer la segunda parte de la web de Esland? Estoy aprendiendo Astro y me interesa mucho. Muchas gracias por adelantado. Eres un crack!
Redux = Lo que en los 2000 era el COBOL.
No servía para ningún negocio del momento, pero la banca lo usaba y había satélites (no sé si aún se mantienen activos) en órbita que solo operaban en el lenguaje con el que fueron enviados.
como developer, me estoy volviendo loco con la cantidad de cambios.. es IMPOSIBLE seguir el tren..
No estas solo
Somos tres
Somos 4 😢
Somos 5, imagínate los que todavía no empezamos a estudiar programación sjjsjsjsjs
Somos 6
Pedazo lista de recomendaciones! 💪🏼 gracias!
ThePrimagen también habla un monton de htmx + go o rust lo que le da bastante hype!
JAJAJAJ justamente estoy viendo un proyecto personal con angular JAJAJAJAJJAJAJAJAJ nimodo tendré que aprender VUE
vue no me parece tan enterprise como angular
Yo estudie desarrollo web y ahora consegui trabajo....haciendo web scrapping, no se si reirme o llorar
Hola Midu, videazo, gracias por tal dinamismo en todos tus videos, se te nota la pasion por tan interesante mundo.
Todavia no se a que dedicarme para colmo. En 2023 estudie testing, ahora un poco de ciberseguridad, todo porque cuando hice full stack no consegui empleo al no tener experiencia 🤪
genial el video y buenos tips para aprender de cara a transitar este 2024 y estar preparados... por cierto nestjs es hermoso... pero si no estas familiarizado y venis de lo tradicional el ver decoradores, full type, un clean code, patrones de diseño, SOLID etc...creo que si puede parecer enredadiso y marearte su curva al inicio es medio complicada...saludos midu
Te faltó hablar del poderoso Laravel Midu... :)
Al final esto no deja de ser la tendencia de los desarrolladores y cada cosa nueva es "maravillosa" y le damos a las estrellitas pero seamos sinceros... ¿cuántos proyectos importantes en empresas utilizan Svelte, Million o htmlx? El estar en la 8ª o 6ª o 2ª posición en estas cosas es tremendamente relativo.
VueJs está por encima en la comunidad y en España por ejemplo no termina de despegar donde solo el 10% de las ofertas de trabajo frontend lo piden. ¿Está muy bien? Si. ¿Las empresas se atreven a apostar cuando tenemos React o Angular y son tan potentes? No
Probé Astro por unos meses y si, es genial, pero la verdad no cambio Sveltekit por Astro. Sveltekit lo tiene todo. 😍
astro + svelte >>>>>
como hace para tener tantas cosas en la cabeza? jaja no conocía ni 1/4 de estas herramientas
La generosidad de Midu es impresionante 🤓
El que esta bueno de compos para vue es primevue, de todas formas es normal que el mas popular tenga mejores catálogos, al final lo que logra la popularidad es un eco mas grande, por mas que la librería tenga una peor sintaxis o lo que quieras.
Gracias midu, este enorme resumen es de gran ayuda. Veremos por donde comenzar...
Lo unico que no me gusta de Tailwind es la mantenibilidad, y que al dominar bien CSS puro, me hace sentir un poco maniatado.
1:04:00 😆 Hay que tenerle paciencia a Mui pero sí se puede personalizar sin tanto problema para que se vea diferente a Google.
Muchas gracias Midu por todo el contenido que compartes con la comunidad de desarrolladores. Ya te veo por twitch y después en youtube mimificado jaja
Nosotros optamos por tener un bff para cada aplicación desde donde abrimos los endpoints para la app y hacemos las "agregaciones" de los datos de los distintos microservicios que no exponemos al exterior, es decir, lo que se supone que es el objetivo de tener un graphql, hacer una petición y poder resolver N peticiones en el servidor y devolver calculos, etc...
Para nosotros es bastante más comodo, a mi lo de las queries de graphql nunca me convenció y estás demasiado acoplado a una tecnología, más de lo que creo que es razonable.
Por la parte de Apps, sigo prefiriendo electron, normalmente no vas a tener problemas de performance y si los tienes seguramente sea culpa de las estructura de datos que sigues, por tanto no le veo sentido a tener una aplicación programada en dos lenguajes cuando puedes tenerlo todo en typescript. Si lo que quieres es performance y te da igual el lenguaje pues hay otras opciones que no incluyen JS.
Además recordemos que el puente de Node con la NAPI a codigo nativo sigue existiendo, si algo necesita un rendimiento superior siempre puedes hacer ese algo en un lenguaje más rápido, creo que Rust también tiene forma de pasarse a "plugin de NAPI"
Yo creo que todas las tecnologías que se hacen trend unos años, luego es casi imposible retirarlas jajaja pasa en todas y en redux lo haces ver cómo algo en contra jajaja
Personalmente me siento muy cómodo con redux toolkit, intente un proyecto con zustand pero no lo pude integrar muy bien con typescript, quizás estuve flojo yo, la documentación tampoco me pareció que ayuda mucho con typescript. Habrá que volverlo a ver jajaja
Mucho gusto Midu, hace poco empece a ver alpinejs y me gusto mucho la forma de trabajar , que opinion tienes acerca de el
Ohhhh un tier list de programación, esa es una buenísima idea, gracias por el vídeo...
React tiene mucha mas magia que htmx con todo el jsx, la hydration, el virtual DOM, es una locura. HTMX quita todo eso y vuelve a las raices.
Ya tenéis mala suerte los que trabajáis con JS. Los que lo hacemos con Java o PHP llevamos 10 años usando prácticamente lo mismo XD
Qué horrible es ser desarrolador web hoy en día, aunque antes era peor, y... pues es peor estar sin chamba
Si no te gusta no lo hagas, a mi me parece hermoso
Ahora hay mucha sobre-ingenieria que es util para mega empresas como facebook, tik tok etc... pero para el resto de las empresas no lo es, es muy caro, lento y genera problemas de recursos.
Siempre puedes empezar con tu primera chamba, creando un proyecto desde 0, e intentar vender licencias de este.
Da miedo empezar la verdad con toda la cantidad de tecnologías para "hacer lo mismo". Pero bueno, lo suyo es coger lo que te llame la atención sea el motivo que sea y ponerte a hacerlo, al final del día a la gente no le importa como está hecho. Solo quieren usarlo.
Si no te gusta no lo hagas, bobo
Me habria encantado ver esto hace dos meses antes de ponerme con redux 🥲Que alternativa usarías para css que no sea taildwind, odio como me deja el html de verdad, prefiero usar sass
Estaba practicando en Quik un proyecto personal y derrepente me explotó rotundamente, no lo pude levantar y mejor estoy probando con astro :/
Grande midu
No sé porqué pero en muchas empresas veo que esperan que sepas angular pero no quieren que desarrolles en Angular. La vision que tienen es: "si sabes eso tan complicado puedes desarrollar con Vue, React u otra cosa". Me parece que a pesar de lo que hacen Angular ahora si va para abajo y HTMX es el react de los desarrolladores Java por eso subió mucho
en vue falta Quasar que es como un kit completo apra desarrollar una app tanto web app movil app de escritorio etc.
Creo que a dia de hoy es mejor usar ionic y capacitor
React o Angular master, que me recomiendas?
18:30 que bien habla de vos eso.
¿Te volviste loco? ¿Dónde dejaste Svelte? ¡Ese framework ha cogido una fuerza impresionante!
Vue-GOD, cuando sea Project Manager hare que todo se haga en Vue 🤑
Project Managers que deciden el stack tecnológico 🚩jajajaja
mejor dime conseguir trabajos de programador con flutter y python
1:31 en ves de Redux que otra alternativa se podría usar? Redux toolkit?
gracias por los videos
Comparto que no se puede creer, que a día de hoy, existan personas desarrollando en Angular.
Hola bro ! tienes algun Roadmap para visualizar? un saludazo !!
Una consulta al final que pasó con Recoil? No iba a ser parte de react? 🤔
Como diria el buen Hector de Leon,a estudiar conceptos,hacen falta,buen video
me sorprende que en tu lista no esté ThreeJS / RTF… WebGL es el futuro del todo y lo más underrated desde hace 10 años
De acuerdo contigo en el 38:55; css en js me parece muy pretencioso. Sólo hace el desarrollo más lento y además el código lo hace extremadamente verboso
En la miniatura está todo lo que necesito, igual entré al video para comentar 👍🏽
Yo una vez saque redux de un codigo, a los 3 meses lo volvieron a meter
Uso bastante Graphql. Me gustaría saber más detalles de porqué está de capa caída. Gracias
en Sony usabamos xstate, era super cool, facil de visualizar todo
Gente yo tengo comprado en udemy un curso programador web completo, sigo por ahi?
midu no concuerdo en tu opinion sobre material ui a la hora de customizar ya que 100% customizable
Hello Midu! Donde pondrías a Deno en esa tier list? Gracias!
No estoy de acuerdo con usted acercar de redux. Desde que salio redux toolkit es super facil usarlo. En cuestion de minutos tienes un manegador de estados poderesos que es escalable al mismo tiempo.
Redux Toolkit es más fácil que Redux pero arrastra muchos problemas de Redux y, además, añade más carga de JavaScript.
Está bien que no estés de acuerdo y te puede gustar Redux Toolkit. Fue interesante en un momento de necesidad pero hoy es objetivo decir que la comunidad prefiere soluciones más sencillas como Zustand.
@@midulive Podrias hacer un video de redux y zustand mostrando sus pros y en contra ?
gracias! (que no lo escribí en su día veo ;))
Mientas veo tus cursos me interrumpo con tus videos no se puede asi midu jajaja
Gracias x otro croquis jaja, me encanta tu contenido
Para alguien que está empezando en esto del desarrollo web y quiere conseguir su primera chamba, recomiendan que aprenda Redux Toolkit o Zustand?
Redux Tool Kit ya que es lo demandado, es raro ver ofertas con Zustand.
Puedes pasar el dinujo?
Extraño que no aparezca RedwoodJS en el listado.
Midu, porfavor, que alternativa podría estudiar en vez de redux, tuve que encargarme de un proyecto y dentro de poco muy posiblemente de otro que igual lo usa, pero quisiera que a futuro ncuando empiece uno yo, poder usar uno menos enmarañado, gracias por todo
Me parece que Zustand y Tan Stack Query son la mejor opción
En efecto como dice el de arriba, zustand es un poco mas sencillo de aprender, el tan stack query conlleva un par de tecnologias, y lo hace super comodo y sostenible
@@Frontend_Architecture muchas gracias, los tendré en cuenta entonces 😁😁😁
@@juanibocchi9979 ah perfecto, en cuentao pueda le echo un ojo, muchas gracias a ambos
Con todo gusto @@yhungp
que me recomiendan estudiar primero si quiero entrar en la programacion de pagians web
html, css y javascript, amigo
Hola, donde puedo conseguir la foto final? Saludos
Quiero estudiar algo de web 3 para iniciar me pueden rexomendar algo ?
44:10 que?? jaja yo justo en el momento 😶🌫
UA-cam usa Shadcn? Tiene muchos componentes parecidos
que crack 43:33 xD
Y yo aprendiendo flutter, como que no tiene un alza 📈
X2 creo que solo lo usaré para proyectos personales
que tal usa Astro con Ruby???
Midu, pregunta, hay algun framework que tenga un adminstrador de endpoint, donde definas, el crud y dentro de los crud, las vista customizada de los datos, o sea si un usuario elige ver 4 o 5 campos, otro 10, que por solo loguearse, elija y se guarden su preferencias de 3 o cuatros vists customs, y que pueda redefinir sus vistas arrastrando y soltando campos
Qué?
Sino entendí mal eso que estás describiendo es un CMS, que te permita agregar o editar entidades mediante una interfaz drag and drog, lo más parecido que he visto es el CMS Headless de strapi
Hey!!, alguien me puede indicar en donde puedo consultar con ejemplos el concepto de estado.. Gracias!
Conozco este libro"Introduction to Algorithms" de Thomas H. Cormen. En el capítulo 2 el autor habla de estados de bucles invariantes. Mejor léalo todo, son solo 1317 páginas.
creo q internet computer ICP tiene futuro como backend y qwik donde quedaria
Eeeeeeeh graphql, la mejor herramienta que se ha desarrollado en años, que le esta pasando a la gente, yo en lo personal, jamas dejare de usar graphql hasta que exista algo mejor.
Seria interesante centrarse en astro para freelance o un primer trabajo?
Te diría que lo aprendas pero no para Freelance. Aunque te hablo desde el poco conocimiento. Lo que te recomiendo es ir a páginas de esa índole y mirar si realmente se están buscando Freelance en astro.
hola, saben como se llama el efecto de los numeros
Como es que Vue tiene SIgnals?
Ay no sé qué! no sé cuánto!
Midu astro es para proyectos mas pequeños verdad ?
Para proyectos estáticos, o sea que no tengan cambios constantemente
The javascript ecosystem is a ticking bomb.
Hace 15 años que andan diciendo eso 😂
jajajaja. hay gente afuera desarrollando con angular.
el mejor stack angular-nest
Me parece curioso que se vean estas tecnologias de tendencia como 'modas' que la gente quiere adoptar para estar en lo ultimo en tecnologias
No entendí lo de "css in js" alguno me explica mejor?
Bueno, lo que sucede es que javascript te permite escribir css en javascript, por lo que ya no usarías un archivo.css sino un archivo.js y hay algunas herramientas que se aprovechan de ella. La parte negativa está en que, en vez de cargar estilos normales como cualquier archivo css, tendrías que cargar un archivo js para aplicar los estilos, lo cual añade una mayor carga a tu web
Que paso con Gluon 😅😅
waos
Falto bases de datos y orm
en el trabajo programando en Angular v_v
hola midu que opinas de supabase para proyectos reales? solo por curiosidad
Es una buena alternativa a Firebase? O eso he escuchado
Yo lo uso en una app en producción tipo Uber y es perfecta
a ver a mi no me gusta ionic, pero porque lo tratas tan mal y despues tiras flores a los copy and paste de componentes, si es eso
Dejarse de estas cosas. Mejor aprended a programar en binario, que vergüenza ajena tendrían que estar sintiendo los primeros...
Por favor midu un curso de htmx con astro para una chat app 🙏🙏🙏
Ps: eres el Sigma dev 😁
Si es una tendencia, pero una tendencia no lineal, señor. Como usted sabe una tendencia no lineal es una tendencia que no sigue una línea recta, como generalmente se cree. Mejor dicho, es una ecuación de la forma y = f(x), donde f(x) es una función no lineal. Un ejemplo es el crecimiento de la computación en la nube, esta función de crecimiento es exponencial y se espera que siga así durante los próximos años hasta alcanzar su punto de inflexión. Si usted habla de tendencia lineal también tendría que analizar el grado de dispersión con respecto a la pendiente.
dibujo*
Blazor?????
TLDR/W???
arree
3:21 Redux da asco, change my mind
1:15:22
"esta nueva idea de copiar y pegar componentes"
ejem ... XDDDDDD
¿Es mentira que está de moda ahora? No entiendo… 😅
No digo que sea novedosa la idea, al inicio del desarrollo web era así, pero los catálogos de componentes de React siempre han sido más de instalar los componentes con npm y no de copiarlos y pegarlos directamente como ahora.
Noooo, mi comentario era mucho más tontorrón 😆
Es que al escuchar la frase, pensé que copiar y pegar era el método de trabajo más viejo del universo ... en cualquier oficio 🤣🤣🤣
oa