Desarrollador Full-Stack moderno Tech Stack 2021

El panorama de la tecnología de los desarrolladores cambia todo el tiempo a medida que se introducen nuevas herramientas y tecnologías. Después de tener muchas entrevistas y leer innumerables descripciones de puestos en bolsas de trabajo, creo que esta es una gran pila de tecnología moderna para los desarrolladores de JavaScript en 2021. Mi marco de trabajo preferido es React, sin embargo, puedes cambiarlo por Vue, Angular o Svelte.

Existen innumerables herramientas, por lo que solo cubriré una selección que, cuando se combinan, se pueden usar en proyectos personales o en una empresa. Por supuesto, existen muchas otras herramientas de gestión de proyectos, por ejemplo, como Jira, confluence, Trello y Asana, por nombrar algunas. Esto se basa en la experiencia y las preferencias del usuario, así que siéntase libre de hacer pequeños ajustes y cambios personales que se adapten a sus propios gustos.

Es mucho más sencillo concentrarse en un conjunto refinado de herramientas en lugar de abrumarse con la gran cantidad de opciones que existen, lo que dificulta que los aspirantes a desarrolladores elijan un punto de partida.

Gestión de proyectos

• Noción: para la gestión general del proyecto, documentación, notas y wikis.
• Casa club/Lunes - Casa club o lunes para gestionar el proceso de desarrollo en sí. Ambos se pueden incorporar en un flujo de trabajo de CI / CD para que las compilaciones se realicen automáticamente y los cambios se reflejen en las ramas de CI / CD de preparación y producción
• Slack/Discord: para la comunicación entre equipos

Diseño

• Figma: Figma es una moderna herramienta de diseño multiplataforma que permite compartir y colaborar
• Photoshop/Canva : Photoshop es el estándar de la industria para realizar trabajos de diseño gráfico y Canva es una excelente herramienta de edición de imágenes.

Back-end

• Node.js: un marco de back-end moderno y popular
• PostgreSQL: una popular base de datos SQL
• MongoDB: una popular base de datos NoSQL
• HarperDB: una popular base de datos híbrida NoSQL / SQL

Front-end

• NextJS/Create React App/Redux: NextJS para generar un sitio web estático o Create React App para crear un sitio web estándar de React con Redux para la gestión del estado
• Tailwind: Tailwind para escribir CSS, ya que es un marco popular moderno que básicamente le permite evitar escribir su propio CSS personalizado desde cero, lo que lleva a flujos de trabajo de desarrollo más rápidos.
• CSS/SASS/styled-components: esto se puede usar como una opción diferente a Tailwind, lo que le brinda más opciones de personalización para los componentes en React
• Storybook: este es el proceso de construcción principal para crear los componentes porque permite la modularidad. Con Storybook, los componentes se crean de forma aislada dentro de una biblioteca dinámica que se puede actualizar y compartir en toda la empresa.
• Jest and Enzyme , React Testing Library y Cypress : TDD que utiliza pruebas unitarias para el código y los componentes antes de que se envíen a producción y Cypress para pruebas de extremo a extremo.
• Sanity/Strapi: Sanity y Strapi son CMS sin cabeza y se utilizan para publicar el contenido con el uso de una GUI (herramientas opcionales)
• Vercel/Netlify/AWS: el proveedor de CI/CD combinado con GitHub, facilita la revisión y promoción de cambios a medida que se desarrollan

Móvil

• React Native/Redux: React Native para crear aplicaciones móviles multiplataforma y Redux para la gestión del estado
• Flutter/Dart: Flutter y Dart para crear aplicaciones móviles multiplataforma