Au cours des derniers mois, les choses ont beaucoup changé dans les domaines du développement front-end. Et cela va être notre objectif principal dans la série de ce mois-ci.
Si vous êtes un développeur front-end, je suis sûr que vous apprécierez ce que nous avons sur la liste. Ce message présente un nouveau runtime JavaScript aux prises avec Nœud et Déno de nouvelles bibliothèques pour la gestion des états, un nouveau système de construction pour JavaScript et bien plus encore.
Allons-y pour voir la liste complète.
Chignon
Le chignon est un nouveau runtime JavaScript similaire à Node et Deno qui vous permet d’exécuter des applications JavaScript sur le serveur. Bun implémente la plupart des API Node ainsi que des API Web, nous avons donc accès au système de fichiers, chemin, Récupérer l’API et Websocket.
Bun est actuellement en version bêta, mais il promet des performances et fournit de meilleurs outils qui aideraient les développeurs à être plus productifs.
Jotaï
Jotai est un gestionnaire d’état pour les applications React.js avec un accent sur la simplicité. Il vise à résoudre le problèmes courants de re-rendu dans le composant React.js, de plus, il est facile à mettre en œuvre. Vous pouvez l’utiliser en remplacement de Crochet d’état de réaction fonction, et mettez-le à l’échelle pour créer une application plus complexe.
Rematch
Le match revanche est un gestionnaire d’état adoptant similaire à Redux, sauf sans la complexité. Il fonctionne prêt à l’emploi, sans configuration supplémentaire. Il fonctionne également avec n’importe quel cadre; pas seulement React.js mais aussi Vue.js et Angular, et c’est aussi petit que 2kb.
Bao.js
Bao est un nouveau framework pour créer des applications web. Construit au-dessus de Chignon il est similaire à l’un des frameworks populaires, Express.js. En fait, il est également calqué sur lui, ce qui le rend familier et facile à basculer depuis Express.js.
Autoregex
Regex est un langage spécial qui n’est pas facile à comprendre en raison de sa syntaxe complexe. Et c’est là que Autoregex est utile. Ce traduit la Regex en une phrase lisible par l’homme ce qui en fait également un excellent outil d’apprentissage pour comprendre RegEx.
Site Web divin
Si vous pensez que les sites Web d’aujourd’hui se ressemblent tous, vous devez consulter Godly Website. Ce rassemble de nombreux sites Web merveilleux avec des conceptions non conventionnelles. Un endroit idéal pour trouver l’inspiration de conception.
Moonrepo
Moonrepo rend la création d’applications JavaScript beaucoup plus facile à gérer. Il fournit un ensemble d’outils qui peuvent vous aider maintenir la cohérence dans la configuration de votre projet, assurez-vous que la version correcte de la dépendance est installée et offre des utilitaires qui rendent votre projet plus efficace et plus productif.
Barebones
Une collection de composants Vue.js, et comme son nom l’indique, ce sont des composants de base. Ils comportent des fonctionnalités mais ne sont pas soumis à des contraintes de conception, c’est donc à vous de décider comment vous souhaitez le styliser. C’est un super bibliothèque comme point de départ pour l’interface utilisateur de votre application de site Web avec Vue.js.
Gémissements
Wails est un framework qui vous permet de créer une application de bureau avec Aller. Il compile et gère les éléments natifs tels que Windows, les menus et les boîtes de dialogue qu’il fonctionne aussi bien que les applications natives. Contrairement à Electron, Wails n’intègre pas de navigateurs dans l’application, il fonctionnera donc beaucoup plus rapidement.
Lignes directrices impressionnantes
Awesome Guidelines est une collection de normes de codage de haute qualité de différentes langues provenant de diverses sources et entreprises. Tu peux trouver normes de codage pour C, Go, JavaScript, Kotlin, PHP, Python, et beaucoup plus. Si vous souhaitez savoir quelle est la norme de codage de la NASA et de Google, consultez-la !
LazyGit
LazyGit est une application Git qui ajoute une interface utilisateur à l’intérieur du terminal. Semblable à une application de bureau, il vous permet de voir l’état actuel, les fichiers mis en scène, les différences, la réserve et bien d’autres. C’est un outil parfait pour ceux travailler avec Terminal qui aimerait un peu de confort.
Bourgeon
Bourgeon est un Cadre de construction JavaScript. Il combine toutes les bonnes choses de Symfony Encore et Laravel Mix et est préconfiguré pour tous les besoins courants comme Babel, React, PostCSS, Sass et TypeScript.
C’est aussi un excellent cadre pour Développeurs WordPress avec @roots/bud-preset-wordpress forfait que vous pouvez installer pour créer un thème ou un plugin WordPress.
HTMX
HTMX est un HTML suralimenté. Il offre un accès pratique à AJAX, aux transitions CSS et aux WebSockets uniquement via les attributs HTML. Cela vous permet de construire une interface utilisateur assez dynamique avec du HTML simple tels que la création d’un défilement infini, d’onglets, d’un chargement paresseux et beaucoup plus.
Graphiques Frappés
Un simple, bibliothèque JavaScript légère pour créer des graphiques. Il prend en charge plusieurs types de graphiques différents, notamment le Pie, le Donut et la carte thermique et rend le graphique en SVG, ce qui le rend réactif et net.
Tu peux utiliser la bibliothèque comme module NPM ou chargez simplement le fichier JavaScript sur la page. Cela fonctionne.
NextUI
Une collection de beaux composants d’interface utilisateur pour créer des applications modernes avec React.js. Vous pouvez trouver des composants communs requis pour une application comme les entrées, les boutons, la pagination, le tableau et la grille. Si vous souhaitez créer une application qui a instantanément une belle apparence, NextUI est peut-être ce que vous recherchez.
Interface utilisateur élastique
L’interface utilisateur élastique est pleine d’inspiration. C’est le bibliothèque de système de conception d’Elastic. Même si vous ne pourrez peut-être pas appliquer cette bibliothèque à votre propre application, vous pouvez certainement apprendre comment tous ces composants sont utilisés pour créer une excellente application populaire comme Recherche élastique Kibana et APM.
VueSax
UN Bibliothèque d’interface utilisateur conçue pour Vue.js. Il comporte des boutons, une entrée, un tableau et tous les composants de base d’un site Web. Construit à partir de zéro, Vuesax fournit à chaque composant une personnalisation qui permet à votre application Web de rester unique à votre style.
Créer un thème de bloc
C’est un nouveau fonctionnaire plugin de WordPress qui permet de créer un thème de bloc. Vous pouvez concevoir votre propre thème en utilisant édition complète du site (FSE) et exportez-le en tant que thème que vous pouvez installer sur n’importe quel autre site WordPress. Je pense que cela va changer la donne dans les champs de thème WordPress.
Couleurs.js
Color.js est une bibliothèque pratique qui vous permet de faire tout ce qui concerne les couleurs avec JavaScript. Vous pouvez l’utiliser pour lire la couleur et créer des objets de couleur. Vous pouvez même l’utiliser pour manipuler des couleurs telles que changer la couleur, l’éclaircir et même convertir le format de couleur.
Serveur de code VS
VS Code est un excellent éditeur de code qui est très populaire parmi les développeurs. Vous pouvez exécuter et utiliser VS Code sous Windows, macOS et Linux… Et si nous pouvions l’exécuter sur notre propre serveur.
Microsoft a récemment ouvert cette possibilité avec VS Code Server vous permettant d’installer les services backend de VS Code qui hébergent les extensions, le terminal, le débogage, puis d’y accéder via vscode.dev. C’est plus ou moins le Version DIY de la gestion de votre propre Espace de code Github.
