Recursos nuevos para diseñadores y desarrolladores web (julio de 2022)

En los últimos meses, las cosas han cambiado mucho en el desarrollo front-end. Y ese será nuestro enfoque principal en la ronda de la serie de este mes.

Si eres un desarrollador front-end, estoy seguro de que apreciarás nuestra lista. Esta publicación incluye un nuevo tiempo de ejecución de JavaScript para competir con Node y Deno, nuevas bibliotecas para la administración del estado, un nuevo sistema de compilación de JavaScript y más.

Dirígete para ver la lista completa.

Recursos nuevos para diseñadores y desarrolladores web (junio de 2022)

Recursos nuevos para diseñadores y desarrolladores web (junio de 2022)

Un diseñador/desarrollador web nunca puede quedarse sin recursos útiles. Así que aquí estamos con el de este mes… Lee mas

Bollo

El bollo es un un nuevo tiempo de ejecución de JavaScript similar a Node y Deno que permite que las aplicaciones de JavaScript se ejecuten en el servidor. Bun implementa la mayoría de las API de nodo, así como las API web, lo que nos brinda acceso al sistema de archivos, la ruta, la API de recuperación y Websocket.

Bun se encuentra actualmente en versión beta, pero promete rendimiento y mejores herramientas para aumentar la productividad de los desarrolladores.

bollo de tiempo de ejecución de javascript

Jotai

Jotai a administrador de estado para aplicaciones React.js con un enfoque en la simplicidad. Su objetivo es resolver problemas comunes de renderizado en los componentes de React.js y es fácil de implementar. Puede usarlo para reemplazar la función React State Hook y puede ampliarlo para crear una aplicación más compleja.

Jotai

Revancha

la revancha un La adopción del administrador estatal es similar a Redux, excepto sin la complejidad. Funciona fuera de la caja sin configuración adicional. Funciona con cualquier marco; no solo React.js, sino también Vue.js y Angular, y es tan grande como 2kb.

Revancha

Bao.js

Bao es nuevo framework para construir aplicaciones web. Está construido sobre Bun y es similar a uno de los marcos populares, Express.js. De hecho, también está modelado a partir de él, lo que lo hace familiar y fácilmente convertido desde Express.js.

Bao.js

Autoregex

Regex es un lenguaje especial que no es fácil de entender debido a su complicada sintaxis. Y aquí es donde Autoregex resulta útil. Que traduce el Regex de nuevo en una oración legible por humanos lo que también lo convierte en una excelente herramienta de aprendizaje para comprender RegEx.

Autoregex

sitio web divino

Si cree que los sitios web tienen el mismo aspecto hoy en día, debe visitar Godly. Que recopila muchos sitios web increíbles con diseños inusuales. Un gran lugar para encontrar inspiración en el diseño.

sitio web divino

lunarepo

Moonrepo hace que la creación de aplicaciones JavaScript sea mucho más manejable. Proporciona un conjunto de herramientas que puede ayudar mantener la coherencia en la configuración del proyecto y garantizar que se instale la versión correcta de la dependenciay ofrece utilidades que hacen que la construcción de proyectos sea más eficiente y productiva.

lunarepo

Puros huesos

Vue.js es una colección de componentes y, como sugiere su nombre, son componentes centrales. Llevan funciones pero no tienen restricciones de diseño, por lo que depende de usted cómo desea diseñarlos. este es un gran biblioteca es el punto de partida para la interfaz de usuario de una aplicación de sitio web con Vue.js.

Puros huesos

Gemido

se lamenta un marco que le permite crear una aplicación de escritorio usando Go. Compone y administra elementos nativos como ventanas, menús y cuadros de diálogo. funciona tan bien como las aplicaciones nativas. A diferencia de Electron, Wails no incorpora un navegador en la aplicación, por lo que se ejecutará mucho más rápido.

Gemido

Pautas terribles

Awesome Guidelines es una colección de estándares de codificación de alta calidad en diferentes idiomas de diferentes fuentes y empresas. Puedes encontrarlo estándares de codificación para C, Go, JavaScript, Kotlin, PHP, Python, y mucho más. Si quieres saber cuál es el estándar de codificación de la NASA y Google, ¡échale un vistazo!

Pautas terribles

LazyGit

LazyGit es una aplicación Git que agrega una interfaz de usuario a la terminal. Al igual que la aplicación de escritorio, le permite ver el estado actual, los archivos ordenados, las diferencias, los ocultos y más. Esta es una herramienta perfecta para ellos. funciona con una terminal que quiere un poco de consuelo.

LazyGit

Brote

brotar un Marco de compilación de JavaScript. Combina todas las bondades de Symfony Encore y Laravel Mix y viene preconfigurado para todas las necesidades comunes como Babel, React, PostCSS, Sass y TypeScript.

Este también es un gran marco. Desarrolladores de WordPress @roots/bud-preset-wordpress paquete que puede instalar para crear un tema o complemento de WordPress.

Brote

HTMX

HTMX es uno HTML subido. Proporciona acceso conveniente a AJAX, transiciones CSS y WebSockets solo a través de atributos HTML. Esto te permite puede crear una interfaz de usuario bastante dinámica con HTML simple como el desplazamiento infinito, la creación de pestañas, la carga diferida y más.

HTMX

Gráficos de Frappé

Un simple, biblioteca ligera de JavaScript para crear diagramas. Admite muchos tipos diferentes de gráficos, incluidos Pie, Donut y Heatmap, y presenta el gráfico en SVG, lo que lo hace receptivo y nítido.

sabes usar la biblioteca como un módulo NPM o simplemente cargue el archivo JavaScript en la página. Simplemente funciona.

Gráficos de Frappé

SiguienteUI

Una colección de hermosos componentes de interfaz de usuario puedes crear aplicaciones modernas con React.js. Puede encontrar componentes comunes necesarios para aplicaciones como entradas, botones, paginación, tabla y cuadrícula. Si desea crear una aplicación que se vea genial de inmediato, NextUI es lo que está buscando.

SiguienteUI

Interfaz de usuario elástica

La interfaz de usuario elástica está llena de inspiración. Este biblioteca del sistema de diseño de Elastic. Si bien es posible que no pueda usar esta biblioteca en sus propias aplicaciones, ciertamente puede aprender cómo se usan estos componentes para crear aplicaciones populares como Elastic Search, Kibana y APM.

Interfaz de usuario elástica

VueSax

LA Biblioteca de interfaz de usuario para Vue.js. Tiene botones, entrada, tabla y todos los componentes básicos para el sitio web. Construido desde cero, Vuesax le permite personalizar cada componente, lo que permite que su aplicación web siga siendo única para su estilo.

VueSax

Crear un tema de bloque

Este es un nuevo oficial es un complemento de WordPress que le permite crear un tema de bloque. Puede diseñar su propio tema utilizando la Edición completa del sitio (FSE) y exportarlo como un tema que puede instalar en cualquier otro sitio de WordPress. Creo que esto es un cambio de juego para los campos temáticos de WordPress.

Crear un tema de bloque

Colores.js

Color.js es una biblioteca útil que le permite hacer todo lo relacionado con el color usando JavaScript. Puede usarlo para leer colores y crear objetos de colores. Incluso puede usarlo para manipular colores, como cambiar el color, aclararlo e incluso convertir el formato de color.

Colores.js

Servidor de código VS

VS Code es un excelente editor de código que es muy popular entre los desarrolladores. Puede ejecutar y usar VS Code en Windows, macOS y Linux… Pero, ¿y si pudiéramos ejecutarlo en nuestro propio servidor?

Microsoft abrió recientemente esta posibilidad con VS Code Server, que le permite instalar servicios de back-end de VS Code que proporcionan complementos, terminal, depuración y luego acceder a ellos a través de vscode.dev. Eso es practicamente todo Versión de bricolaje para ejecutar su propio Github Codespace.

Servidor de código VS

Leave a Reply

Your email address will not be published.