Video Summary and Transcription
AGgrid es un componente empresarial con características de gráficos geniales que potencia cualquier aplicación. La interfaz de usuario React de AG Grid proporciona una experiencia nativa de React con todos los beneficios de React y la inteligencia y potencia de AG Grid.
1. Introducción a AGgrid y el motor de renderizado React
Bienvenidos, soy Eoin Langsman, desarrollador principal de frameworks en IGrid. Mi nombre es Sean Lansman, soy desarrollador principal de frameworks en AGgrid. AGgrid es una tabla, filas y columnas. AGgrid es un componente empresarial con características empresariales. Viene con características de gráficos geniales. AG Grid potencia cualquier aplicación que puedas tener. Tenemos una gran relación de trabajo con React Table.
Gracias. Es genial estar aquí, es genial conocer a tanta gente genial, conocer a tantos ponentes geniales.
Mi nombre es Sean Lansman, soy desarrollador principal de frameworks en AGgrid. La imagen que ven aquí es antes del confinamiento, esto es después del confinamiento. Voy a hablar sobre nuestro motor de renderizado React.
Antes de eso, quería darles una visión general de qué es AGgrid y qué hacemos en AGgrid. En pocas palabras, AGgrid es una tabla, filas y columnas. Lo que ven aquí son 10,000 filas, con 1,000 actualizaciones por segundo. Las actualizaciones en azul, verde y rojo están ocurriendo en tiempo real. Me salté una diapositiva.
Esta diapositiva lleva los datos tabulares simples un paso más allá y agrega características enterprise porque AGgrid es un componente enterprise. Lo que ven aquí son 10,000 filas, igual que lo que acabo de describir, con 1,000 actualizaciones por segundo. Pero aquí estamos agregando por suma de los hijos del grupo, ordenando. Nuevamente, esto es 10,000 filas, 1,000 actualizaciones por segundo. Todo esto ocurre en memoria. Pueden ver que es bastante fluido.
Entonces AGgrid es un componente enterprise, con características enterprise. Podemos llevar esto un poco más lejos agregando algunas características de gráficos geniales. Esto está incluido en AGgrid. Viene directamente de fábrica. Se requiere muy poco código. La mayoría de lo que acaban de ver, desde tablas simples, agregaciones, ordenamiento, gráficos, viene directamente de fábrica, muy poco código. Nos dan los data, nos dicen cómo quieren que se vean los data, y funcionará.
Lo genial aquí es que pueden ver que los gráficos se están actualizando, los data subyacentes, la cuadrícula se están actualizando. Todo esto ocurre en memoria. Hay una gran cantidad de actualizaciones, probablemente más de las que la mayoría de las personas mostrarían en una aplicación real, pero está todo ahí. La forma en que nos gusta pensar es que AG Grid potencia cualquier aplicación que puedas tener. La gente a menudo nos pregunta, y he tenido algunas preguntas en la tienda, cuál es la diferencia entre nosotros y React Table? Y en realidad tenemos una gran relación de trabajo con Tanner en React Table, porque no nos vemos como competidores, nos vemos haciendo dos cosas muy diferentes. AG Grid tiene una interfaz de usuario, tiene todo lo que podrías necesitar, y probablemente algunas cosas que ni siquiera sabes que necesitas hasta que lo has usado.
2. Integración de AG Grid y React
React Table es una opción ligera para tablas súper livianas en la web. AG Grid es una solución empresarial con una interfaz de usuario envuelta alrededor de la inteligencia central. AG Grid admite todos los frameworks aprovechando el DOM y CSS. La actualización reciente de la interfaz de usuario de React de AG Grid proporciona una experiencia nativa de React con todos los beneficios de React y la inteligencia y potencia de AG Grid.
Y eso es genial para aplicaciones empresariales. Pero React Table no viene con una interfaz de usuario. Si quieres una interfaz de usuario, tienes que codificarla, lo que requiere más programación. Pero a veces menos es más. Si tu objetivo es una tabla súper liviana para la web y el SEO es muy importante, React Table es una excelente elección. Es un gran producto.
Si, sin embargo, quieres todo incluido, quieres una aplicación empresarial con un componente empresarial, deberías considerar AG Grid. Ambos son productos muy buenos, dirigidos a diferentes áreas.
Entonces, uno de los desafíos que tenemos, uno de los principales desafíos que tenemos como proveedor de bibliotecas, es cómo soportar todos los diferentes frameworks sin apuntar y tener múltiples bibliotecas diferentes. Tenemos una biblioteca y aún así soportamos todos estos frameworks. Bueno, se nos ocurrió que todos los frameworks hacen una cosa en última instancia y eso es el DOM y CSS, y tienen que hacerlo, porque eso es lo que el navegador entiende.
Entonces, lo que podemos hacer y lo que hacemos es que tenemos la inteligencia central en AG Grid con una interfaz de usuario envuelta alrededor. Y lo que eso nos permite hacer, y este es un cambio reciente en nuestra oferta porque antes solíamos usar portales, es que rediseñamos y repensamos cómo soportamos las bibliotecas. Ahora tenemos un conjunto de componentes simples que establecen plantillas y establecen CSS, pero no saben por qué. La inteligencia vive en servicios compartidos y podemos eliminar la interfaz de usuario y agregar una nueva interfaz de usuario y en este caso, hemos desarrollado nuevamente la interfaz de usuario de React.
Y lo que eso nos permite hacer es que el pequeño robot bailarín es un componente de React. Antes habríamos tenido Agy Grid React y habríamos tenido un montón de componentes dinámicos dentro de eso. Me detendré aquí. Lo que ahora tenemos con nuestra interfaz de usuario de React es un motor de renderizado de React de arriba a abajo en todo momento y todos los componentes están exactamente donde los esperas. Entonces, mi componente de React allá arriba es el robot bailarín. Vive bajo un componente de celda y un componente de fila y en toda la jerarquía de React, que es exactamente como debería ser, y esto lo convierte en una experiencia nativa de React en todo momento. Obtienes todos los beneficios de React y toda la inteligencia y potencia de Agy Grid y esto es transparente para ti. Y es una actualización reciente y marca una gran diferencia si estás usando Agy Grid y React.
Y eso es todo lo que tenía. Muchas gracias. Si tienes alguna pregunta, tenemos un stand afuera. Nos encantaría conocerte.
Comments