Skip to content

Commit

Permalink
Merge a168e54 into 4b8cce0
Browse files Browse the repository at this point in the history
  • Loading branch information
@oliverloops
oliverloops committed Jan 26, 2024
2 parents 4b8cce0 + a168e54 commit 39c908a
Show file tree
Hide file tree
Showing 6 changed files with 84 additions and 87 deletions.
14 changes: 7 additions & 7 deletions website/pages/blog.es-ES.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Blog
description: The latest updates and releases from the Million.js team.
description: Las últimas actualizaciones y lanzamientos del equipo de Million.js.
---

import { getPagesUnderRoute } from 'nextra/context';
Expand All @@ -15,7 +15,7 @@ export function BlogHeader() {
<span className="font-bold leading-tight lg:text-5xl">Blog</span>
</h1>
<p className="text-center text-gray-500 dark:text-gray-400 font-space-grotesk">
The latest updates and releases from the Million.js team.
Las últimas actualizaciones y lanzamientos del equipo de Million.js.
</p>
</div>
);
Expand All @@ -24,7 +24,7 @@ export function BlogHeader() {
export function BlogIndex() {
const { locale, defaultLocale } = useRouter();
const blogArticles = filterRouteLocale(
getPagesUnderRoute("/blog"),
getPagesUnderRoute('/blog'),
locale,
defaultLocale,
)
Expand All @@ -39,17 +39,17 @@ export function BlogIndex() {
<div key={page.route} className="mb-10">
<Link
href={page.route}
style={{ color: "inherit", textDecoration: "none" }}
style={{ color: 'inherit', textDecoration: 'none' }}
className="block font-semibold mt-8 text-2xl"
tabIndex="0"
>
{page.meta?.title || page.frontMatter?.title || page.name}
</Link>
<p className="opacity-80" style={{ marginTop: ".5rem" }}>
{page.frontMatter?.description}{" "}
<p className="opacity-80" style={{ marginTop: '.5rem' }}>
{page.frontMatter?.description}{' '}
<span className="inline-block nx-text-primary-600 nx-underline nx-decoration-from-font [text-underline-position:from-font] font-bold">
<Link href={page.route} tabIndex="-1">
{"Read more →"}
{'Leer más →'}
</Link>
</span>
</p>
Expand Down
6 changes: 3 additions & 3 deletions website/pages/blog/_meta.es-ES.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,10 @@
"typesetting": "article"
}
},
"3": "Announcing Million.js 3.0",
"million-beyond-speed": "Million Beyond 'Speed'",
"3": "Anunciando Million.js 3.0",
"million-beyond-speed": "Million mas allá de la 'Velocidad'",
"million-v2.5.3": "Million.js v2.5.3",
"million-v2.5.1": "Million.js v2.5.1",
"behind-the-block": "Behind the block()",
"behind-the-block": "Detrás de block()",
"virtual-dom": "Virtual DOM: Back in Block"
}
54 changes: 27 additions & 27 deletions website/pages/blog/million-3.es-ES.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,58 +1,58 @@
---
title: 'Announcing Million.js 3.0'
date: DEC 7, 2023
description: Updated performance for both compiler and runtime
title: 'Anunciando Million.js 3.0'
date: 7 DEC, 2023
description: Rendimiento actualizado para ambos, compilador y tiempo de ejecución
---

<div className="flex flex-col items-center gap-4">

# Announcing Million 3.0
# Anunciando Million 3.0

<small>[AIDEN BAI](https://aidenybai.com) DEC 7 2023</small>
<small>[AIDEN BAI](https://aidenybai.com) 7 DEC 2023</small>
</div>

---

After many months of hard work, I'm excited to announce the release of Million 3.0. Within the next week, we'll roll out an official published release. Soon, you'll be able to get a number of new features and improvements to the library.
Después de vatios meses de duro trabajo, estoy emocionado de anunciar el lanzamiento de Million 3.0. Dentro de la próxima semana, lanzaremos una versión publicada oficialmente. Pronto, podrás obtener una serie de nuevas funciones y mejoras en la biblioteca.

Even though we're changing how things work under the hood, Million 3.0 should be a drop-in replacement for everyone. You can upgrade to the latest version without any code changes.
Incluso si cambiamos la forma en que funcionan las cosas internamente, Million 3.0 debería ser un reemplazo directo para todos. Puedes actualizar a la última versión sin ningún cambio al código.

If you haven't tried Million.js yet, you can [check out the documentation](/docs/quickstart) to get started. Or, just run `npx million@latest` to get started. Million.js is a compiler that turns your existing React code into a hyper-optimized virtual DOM. It's a drop-in replacement for React that's faster and smaller.
Si no has probado Million.js aún, puedes [consultar la documentación](/docs/quickstart) para comenzar. O simplemente ejecuta `npx million@latest` para comenzar. Million.js es un compilador que convierte tu código React existente en un DOM virtual hiper-optimizado. Es un reemplazo directo para React que es más rápido y más pequeño.

## What's new?
## ¿Qué es lo nuevo?

### Faster build time
### Tiempo de compilación mas rápido

This release includes a complete overhaul of the compiler to be more efficient, readable, and scalable. Our initial benchmarks show a huge improvement from the previous version: ~34% faster (3.2s -> 2.1s) for initial compile and ~82% (1.1s -> 0.2s) for code changes on a medium sized Next.js project.
Este lanzamiento incluye una revisión completa del compilador para que sea más eficiente, legible y escalable. Nuestras pruebas iniciales muestran una gran mejora desde la versión anterior: ~34% más rápido (3.2s -> 2.1s) para la compilación inicial y ~82% (1.1s -> 0.2s) para los cambios de código en un proyecto Next.js de tamaño mediano.

We've also added a legitimate test suite to ensure that the compiler is working as expected. This will help us catch bugs and regressions in the future.
Tmabién hemos agregado una suite de pruebas legítima para asegurarnos de que el compilador funcione como se esperaba. Esto nos ayudará a detectar errores y regresiones en el futuro.

This allows us to support more features and optimizations in the future without comprimising developer experience. Look out for new diagnostic tools, sidecar, and AI gadgets soon 👀
Esto nos permite dar soporte a más funciones y optimizaciones en el futuro sin comprometer la experiencia del desarrollador. Esté atento a herramientas de diagnóstico, sidecar y gadgets de IA pronto 👀

### Faster runtime
### Timpo de ejecución más rápido

Million 3.0 refactors how hydration is done. Instead of replacing DOM on component boundaries, Million.js now can pinpoint hydrate – which results in significantly faster hydration times within blocks.
Million 3.0 refactoriza cómo se realiza la hidratación. En lugar de reemplazar el DOM en los límites del componente, Million.js ahora puede señalar la hidratación, lo que resulta en tiempos de hidratación significativamente más rápidos dentro de los blocks.

We're also working on removing the dependency on `<slot>` elements for mounting blocks – for many projects, this is a significant reduction in unnecessary DOM nodes, improving reconciliation, and reducing memory usage.
También estamos trabajando en eliminar la dependencia de los elementos `<slot>` para montar blocks; para muchos proyectos, esta es una reducción significativa en los nodos DOM innecesarios, mejorando la reconciliación y reduciendo el uso de memoria.

With these changes, we're seeing an initial ~100% improvement (2s -> 1s) in hydration times (4x CPU slowdown) and much less `<slot>` element generation for a medium sized Next.js project.
Con estos cambios, estamos viendo una mejora inicial de ~100% (2s -> 1s) en los tiempos de hidratación (4x ralentización del CPU) y una generación de elementos `<slot>` mucho menor para un proyecto Next.js de tamaño mediano.

## Migrating to 3.0
## Migrando a 3.0

Migration is easy. Just update your dependencies to the latest version of Million.js. Just run `npm install million@latest` (or your favorite package manager) to get started.
La migración es fácil. Simplemente actualiza tus dependencias a la última versión de Million.js. Únicamente ejecuta `npm install million@latest` (o tu administrador de paquetes favorito) para comenzar.

## The road ahead
## El camino por delante

The future of Million.js is to be the de-facto performance toolset for the web. In the coming weeks, we'll be shipping some extremely powerful and novel tools to help you build faster websites.
El futuro de Million.js es ser el conjunto de herramientas de rendimiento por defecto para la web. En las próximas semanas, enviaremos algunas herramientas extremadamente poderosas y novedosas para ayudarte a crear sitios web más rápidos.

Along with the new features, we'll be shipping a new website and documentation to help you get started. We'll also be shipping a new kitchen sink to show off some of the new features.
Junto con las nuevas funciones, estaremos lanzando un nuevo sitio web y documentación para ayudarte a comenzar. También enviaremos un nuevo kitchen sink para mostrar algunas de las nuevas funciones.

## Acknowledgements
## Agradecimientos

Thank you to everyone who has [contributed to Million.js](https://github.com/aidenybai/million/contributors).
Gracias a todos los que han [contribuido a Million.js](https://github.com/aidenybai/million/contributors).

Big shout out to [@toby_solutions](https://twitter.com/toby_solutions) for helping maintain the website and kitchen sink, [@felpix\_](https://twitter.com/felpix_) for running the Million.js Twitter account, and [@nisargptel](https://twitter.com/nisargptel) for making the trailer video.
Un gran reconocimiento a [@toby_solutions](https://twitter.com/toby_solutions) por ayudar a mantener el sitio web y el kitchen sink, [@felpix\_](https://twitter.com/felpix_) por manejar la cuenta de Twitter de Million.js, y a [@nisargptel](https://twitter.com/nisargptel) por hacer el video del trailer.

Should you have any questions, feel free to reach out to me on [Twitter](https://twitter.com/aidenybai) or [GitHub](https://github.com/aidenybai/million).
Si tienes cualquier pregunta, no dudes en contactarme en [Twitter](https://twitter.com/aidenybai) o [GitHub](https://github.com/aidenybai/million).

Enjoy 🎉
Disfruta 🎉
29 changes: 14 additions & 15 deletions website/pages/blog/million-v2.5.1.es-ES.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: 'Million.js v2.5.1'
date: JUL 21, 2023
description: Virtualizing the Virtual DOM
date: 21 JUL, 2023
description: Virtualizando el Virtual DOM
---

import Image from 'next/image';
Expand All @@ -10,19 +10,18 @@ import { Tweet } from 'react-tweet';
import { CarbonAds } from '../../components/ad';
import { Bounties } from '../../components/bounties';


<div className="flex flex-col items-center gap-4">

# Million.js v2.5.1

<small>[AIDEN BAI](https://aidenybai.com) JUL 21 2023</small>
<small>[AIDEN BAI](https://aidenybai.com) 21 JUL 2023</small>
</div>

---

<Bounties />

Million.js v2.5.1 brings a ton of new features and bug fixes! Make sure to upgrade your Million.js version to latest:
Million.js v2.5.1 trae un montón de nuevas características y correcciones de errores! Asegúrate de actualizar tu versión de Million.js a la última:

<Tabs items={['npm', 'pnpm', 'yarn']} storageKey="selected-pkg-manager">
{/* prettier-ignore */}
Expand All @@ -45,24 +44,24 @@ Million.js v2.5.1 brings a ton of new features and bug fixes! Make sure to upgra
</Tab>
</Tabs>

Let's dig straight into it:
Vamos a profundizar en ello:

<CarbonAds />

## Virtualization
## Virtualización

Last week, I released a sneak peek of Million.js virtualizing in React. This week, I'm happy to announce that virtualization is now available in Million.js via TanStack Virtual! You can check out the virtualizing guide [here](/docs/virtualization) to get started.
La semana pasada, publiqué un avance de Million.js virtualizando React. Esta semana, me complace anunciar que la virtualización ahora está disponible en Million.js a través de TanStack Virtual! Puedes consultar la guía de virtualización [aquí](/docs/virtualization) para comenzar.

<Callout type="info">
Want to compare Million.js vs React virtualization? Check out [this
demo!](https://million-tanstack-virtual.vercel.app/)
¿Quieres comparar la virtualización de Million.js contra la de React? Echa un
vistazo a [¡esta demo!](https://million-tanstack-virtual.vercel.app/)
</Callout>

<Tweet id="1680005514821001216" />

## Analytics
## Analíticas

Million.js supports a new `analytics` option, where you can hook into the compiler and get insight into blocks. Here's a basic example of how you can use it:
Million.js soporta una nueva opción de `analíticas`, donde puedes engancharte al compilador y obtener información sobre los bloques. Aquí tienes un ejemplo básico de cómo puedes usarlo:

```js
const ComponentBlock = block(Component, {
Expand All @@ -71,12 +70,12 @@ const ComponentBlock = block(Component, {
((traversals - data.traversals) / traversals) * 100,
);
console.log(
`Million.js is reducing reconciliation by ${percentImprovement}%`,
`Million.js esta reduciendo la reconciliación en un ${percentImprovement}%`,
);
},
});
```
## More
## Más
You can view the full release here: [https://github.com/aidenybai/million/releases/tag/v2.5.1](https://github.com/aidenybai/million/releases/tag/v2.5.1)
Puedes ver el lanzamiento completo aquí: [https://github.com/aidenybai/million/releases/tag/v2.5.1](https://github.com/aidenybai/million/releases/tag/v2.5.1)
15 changes: 7 additions & 8 deletions website/pages/blog/million-v2.5.3.es-ES.mdx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: 'Million.js v2.5.3'
date: JUL 31, 2023
description: From manual to automatic
date: 31 JUL, 2023
description: De manual a automático
---

import Image from 'next/image';
Expand All @@ -10,24 +10,23 @@ import { Tweet } from 'react-tweet';
import { CarbonAds } from '../../components/ad';
import { Bounties } from '../../components/bounties';


<div className="flex flex-col items-center gap-4">

# Million.js v2.5.3

<small>[AIDEN BAI](https://aidenybai.com) JUL 31 2023</small>
<small>[AIDEN BAI](https://aidenybai.com) 31 JUL 2023</small>
</div>

---

<Bounties />

## Automatic Mode
## Modo Automático

This week, we introduced [Automatic Mode](/docs/automatic), a new feature that automatically analyzes components for you and figures out which ones to optimize.
Esta semana, introdujimos el [Modo Automático](/docs/automatic), una nueva función que analiza automáticamente los componentes y descubre cuáles optimizar.

<Tweet id="1685710432122593280" />

## More
## Más

You can view the full release here: [https://github.com/aidenybai/million/releases/tag/v2.5.3](https://github.com/aidenybai/million/releases/tag/v2.5.3)
Puedes ver la lista completa de cambios aquí: [https://github.com/aidenybai/million/releases/tag/v2.5.3](https://github.com/aidenybai/million/releases/tag/v2.5.3)
Loading

0 comments on commit 39c908a

Please sign in to comment.