Top Content

Versión en EspañolES

Monorepos de Node con Nx

Isaac Mann

Narwhal Technologies

Please sign in to watch this workshop.

Bookmark

Github

Varias apis y varios equipos en el mismo repositorio pueden causar muchos dolores de cabeza, pero Nx te tiene cubierto. Aprende a compartir código, mantener archivos de configuración y coordinar cambios en un monorepo que puede escalar tanto como tu organización. Nx te permite dar estructura a un repositorio con cientos de colaboradores y elimina las desaceleraciones de CI que normalmente ocurren a medida que crece la base de código.

Índice de contenidos:

- Laboratorio 1 - Generar un espacio de trabajo vacío

- Laboratorio 2 - Generar una api de node

- Laboratorio 3 - Ejecutores

- Laboratorio 4 - Migraciones

- Laboratorio 5 - Generar una biblioteca de autenticación

- Laboratorio 6 - Generar una biblioteca de base de datos

- Laboratorio 7 - Añadir un cli de node

- Laboratorio 8 - Limites de módulo

- Laboratorio 9 - Plugins y Generadores - Introducción

- Laboratorio 10 - Plugins y Generadores - Modificación de archivos

- Laboratorio 11 - Configuración de CI

- Laboratorio 12 - Caché distribuida

This workshop has been presented at Node Congress 2023, check out the latest edition of this JavaScript Conference.

FAQ

NX es una herramienta que ayuda a gestionar monorepos para proyectos utilizando múltiples tecnologías y lenguajes, facilitando la ejecución de comandos, compartición de código y la gestión de dependencias de manera eficiente.

Los monorepos con NX ofrecen cambios atómicos, permiten compartir código fácilmente y proporcionan un único conjunto de dependencias, lo que facilita la gestión y actualización de las mismas.

No, NX es agnóstico respecto al lenguaje y el marco de trabajo, por lo que puede utilizarse con diversos lenguajes como Java, Python, .NET, además de JavaScript.

NX ayuda a manejar un único conjunto de dependencias en un monorepo, lo que reduce los problemas de versiones incompatibles entre aplicaciones y facilita las actualizaciones de las mismas.

NX Cloud es una extensión de NX que ofrece almacenamiento en caché distribuido y ejecución de tareas distribuidas, optimizando los tiempos de compilación y pruebas al compartir resultados de tareas entre todos los miembros del equipo.

monorepos

Isaac Mann

160 min

06 Apr, 2023

Comments

Available in other languages:

Watch more workshops on topic

React a Escala con Nx

React Summit 2023

145 min

React a Escala con Nx

Top Content

Workshop

Isaac Mann

Vamos a utilizar Nx y algunos de sus plugins para acelerar el desarrollo de esta aplicación.
Algunas de las cosas que aprenderás:- Generar un espacio de trabajo Nx prístino- Generar aplicaciones frontend React y APIs backend dentro de tu espacio de trabajo, con proxies preconfigurados- Crear librerías compartidas para reutilizar código- Generar nuevos componentes enrutados con todas las rutas preconfiguradas por Nx y listas para usar- Cómo organizar el código en un monorepositorio- Mover fácilmente las librerías alrededor de tu estructura de carpetas- Crear historias de Storybook y pruebas e2e de Cypress para tus componentes
Tabla de contenidos: - Lab 1 - Generar un espacio de trabajo vacío- Lab 2 - Generar una aplicación React- Lab 3 - Ejecutores- Lab 3.1 - Migraciones- Lab 4 - Generar una librería de componentes- Lab 5 - Generar una librería de utilidades- Lab 6 - Generar una librería de rutas- Lab 7 - Añadir una API de Express- Lab 8 - Mostrar un juego completo en el componente de detalle de juego enrutado- Lab 9 - Generar una librería de tipos que la API y el frontend pueden compartir- Lab 10 - Generar historias de Storybook para el componente de interfaz de usuario compartido- Lab 11 - Prueba E2E del componente compartido

react scalability monorepos react monorepo nx react

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Elevando Monorepos con los Espacios de Trabajo de npm

DevOps.js Conf 2022

33 min

Elevando Monorepos con los Espacios de Trabajo de npm

Top Content

Ruy Adorno

Open-source maintainer, Node.js contributor, npm cli team member at GitHub

NPM workspaces help manage multiple nested packages within a single top-level package, improving since the release of NPM CLI 7.0. You can easily add dependencies to workspaces and handle duplications. Running scripts and orchestration in a monorepo is made easier with NPM workspaces. The npm pkg command is useful for setting and retrieving keys and values from package.json files. NPM workspaces offer benefits compared to Lerna and future plans include better workspace linking and adding missing features.

npm monorepos devops

Poner fin al dolor: Repensando CI para Monorepos Grandes

DevOps.js Conf 2024

25 min

Poner fin al dolor: Repensando CI para Monorepos Grandes

Juri Strumpflohner

Nx Core Member

Today's Talk discusses rethinking CI in monorepos, with a focus on leveraging the implicit graph of project dependencies to optimize build times and manage complexity. The use of NX Replay and NX Agents is highlighted as a way to enhance CI efficiency by caching previous computations and distributing tasks across multiple machines. Fine-grained distribution and flakiness detection are discussed as methods to improve distribution efficiency and ensure a clean setup. Enabling distribution with NX Agents simplifies the setup process, and NX Cloud offers dynamic scaling and cost reduction. Overall, the Talk explores strategies to improve the scalability and efficiency of CI pipelines in monorepos.

monorepos ci cd

Microfrontends Federados a Gran Escala

React Summit 2023

31 min

Microfrontends Federados a Gran Escala

Top Content

Daniel Bolivar

Cozycore Engineer

This Talk discusses the transition from a PHP monolith to a federated micro-frontend setup at Personio. They implemented orchestration and federation using Next.js as a module host and router. The use of federated modules and the integration library allowed for a single runtime while building and deploying independently. The Talk also highlights the importance of early adopters and the challenges of building an internal open source system.

monorepos micro-frontends architecture case study

Escala tu aplicación de React sin micro-frontends

React Summit 2022

21 min

Escala tu aplicación de React sin micro-frontends

Jonathan Wagner

Tech lead and coach at Theodo UK

This Talk discusses scaling a React app without micro-frontend and the challenges of a growing codebase. Annex is introduced as a tool for smart rebuilds and computation caching. The importance of libraries in organizing code and promoting clean architecture is emphasized. The use of caching, NxCloud, and incremental build for optimization is explored. Updating dependencies and utilizing profiling tools are suggested for further performance improvements. Splitting the app into libraries and the benefits of a build system like NX are highlighted.

web development monorepos team productivity best practices devops

Remixando tu Stack en un Espacio de Trabajo Monorepo

Remix Conf Europe 2022

22 min

Remixando tu Stack en un Espacio de Trabajo Monorepo

Juri Strumpflohner

Nx Core Member

Let's talk about remixing our stack in a Monorepo workspace, which allows for incremental migration and is suitable for transitioning from a Next.js app to a remix stack. Refactoring may be required for feature-specific and Next.js-coupled components, but the process is simplified because the features have already been moved out. Configuring the Monorepo to reference packages locally and linking them to the Next.js application is necessary. Nx provides benefits like fast refreshing, pre-configured setups, and features like local and remote caching.

react typescript monorepos fullstack

La Era de los Monorepos

JSNation 2022

25 min

La Era de los Monorepos

Miroslav Jonas

Senior engineer @ Nrwl.io

Today's Talk is about the world of monorepos, their history, benefits, and features. Monorepos address challenges in web development, such as slow build processes and unstable connections on mobile devices. Collocation in monorepos enables easy sharing of functions and components among projects. Speed and efficiency in monorepos are achieved through collocation, dependency graphs, and task orchestration. Monorepo tools like Learnr offer features such as caching and distributed task execution. Monorepos provide code sharing, consistent tooling, and automated migration, resulting in a 10x developer experience.

monorepos