Démarrer les nouveaux projets plus rapidement: 10 outils de développement Web d'échafaudage

Dix bibliothèques pour vous aider à démarrer rapidement de nouveaux projets

Points de base:

• Cet article répertorie dix bibliothèques qui peuvent aider les développeurs à démarrer de nouveaux projets plus rapidement, offrant des échafaudages de temps et des avantages de vitesse puissants. Ces outils sont particulièrement utiles pour les développeurs qui commencent fréquemment de nouveaux projets et doivent fonctionner rapidement.
• Ces outils incluent: Meteor (un cadre JavaScript complet pour les applications Web et mobiles); ; Bundler the-box, aucune configuration requise).
• Ces outils sont sélectionnés en fonction de leur capacité à générer des projets de zéro à un en plus peu que possible, couvrant différents aspects du projet. Ce ne sont pas seulement des bibliothèques, mais divers outils qui offrent des échafaudages de temps et des avantages de vitesse puissants.
• L'objectif de ces outils n'est pas la maintenabilité ou l'évolutivité, mais à quelle vitesse ils commencent un projet. Ils conviennent particulièrement aux projets qui suivent des modèles communs, tels que les applications Web avec des opérations CRUD. Cependant, pour les projets uniques ayant des besoins non conventionnels, les développeurs peuvent être plus enclins à écrire leur propre code à partir de zéro pour donner un contrôle total sur la structure et le comportement de l'application.

Cet article vous présentera dix bibliothèques qui peuvent vous aider à démarrer de nouveaux projets plus rapidement. Chez SitePoint, la plupart d'entre nous ont du mal à résister à une nouvelle base de code, et nous voulions voir si nous pouvions réduire la boîte à outils idéale pour les développeurs basés sur des projets. Si vous êtes un développeur qui aime commencer fréquemment de nouveaux projets, publiez-les dans le monde et observez leur efficacité (vérification, comme le dit votre ami marketing), vous avez besoin d'une boîte à outils. Bien sûr, si vous ne démarrez un nouveau projet qu'une fois par an à votre rythme, l'apprentissage de ces outils peut être une perte de temps - ce n'est pas pour vous. Cependant, si vous vous trouvez indifférent à la question de savoir si la page d'accueil est une mise en page à une ou trois colonnes, vous devez faire tout ce qui est possible pour vous aider. J'ai choisi les outils de cet article car ils sont en mesure de vous faire passer de zéro à un en plus court que possible. Étant donné que la portée ici est de guider rapidement votre projet, j'inclut également non seulement des bibliothèques, mais tous les outils qui excellent dans la fourniture d'échafaudage économe en temps et de puissants avantages de vitesse. J'ai fait une série de choix pour couvrir différents aspects du projet - vous pourriez en rassembler plusieurs pour former une combinaison réussie.

Meteor

Meteor est un framework JavaScript complet pour créer des applications Web et mobiles. Lorsque nous parlons de vitesse, nous ne pouvons pas nous empêcher de le mentionner. Meteor est le roi de la vitesse. Il vous limite à ses règles et à la façon dont vous faites les choses, mais si votre objectif est de libérer un prototype dès que possible, Meteor sera votre soutien.

Une fonctionnalité puissante de Meteor est sa capacité à partager du code côté serveur et du côté client. Cela fait gagner beaucoup de temps et vous aide à vous concentrer sur ce qui compte vraiment. Il intègre également MongoDB et WebSockets hors de la boîte.

voiles

Sails est un cadre d'application Web de View-Controller Model-View. Cela réduit la friction parmi les développeurs qui connaissent déjà d'autres cadres MVC, quelle que soit la langue ou la plate-forme. Ce qui est unique à propos de Sails.js, c'est la façon dont il simplifie le processus de création d'applications Web modernes régulières avec une couche d'accès aux données simplifiée (indépendante de la base de données) et des plans API REST conçus par l'application qui génèrent des itinéraires et des opérations.

L'une des autres part, il a un contrôle d'accès basé sur la sécurité et les rôles, ainsi que l'intégration de la boîte Web, ce qui en fait un excellent choix pour les applications en temps réel.

MongoDB Mongoose

Si vous utilisez MongoDB, vous devez profiter de sa fidèle partenaire Mongoose. Cette bibliothèque vous aide à modéliser facilement vos données en modèles, il vous aide également avec les transformations et la validation et plus encore. C'est un moyen intelligent d'éliminer beaucoup de code passerelle qui vous entraînerait autrement.

Nous pouvons dire que c'est un deux en un car cela implique que l'utilisation de MongoDB est un excellent choix que vous utilisiez Mongoose ou non. MongoDB… OK, permettez-moi de citer leur site Web: & gt;

Enfin, ils ont ajouté: & gt; aucune base de données ne peut vous rendre plus efficace que.

c'est tout. De quoi d'autre avez-vous besoin? Arrêtez de procrastination et commencez à coder!

lodash

Lodash fournit un ensemble d'outils pratiques pour rendre votre vie de codage quotidienne plus confortable. Il vous aide à itérer, trier, faire accélérer, déboucher et toutes les fonctions que vous finirez par ajouter au fichier UTILS.

La vraie chose cool à propos de Lodash est que toutes les fonctions peuvent être importées et même installées séparément. Pas besoin de jouer avec du code inutile. Si vous n'avez besoin que de la fonction de limitation, vous pouvez le faire:

<code>npm install lodash/throttle</code>

Si vous pensez que vous utilisez peut-être certaines fonctions Lodash, mais que vous ne savez pas quelles fonctions et que vous ne voulez pas avoir de mal à installer chaque fonction séparément, vous pouvez les importer comme ceci:

<code>import throttle from 'lodash/throttle'</code>

De cette façon, le reste des bibliothèques n'entrera pas votre package et vous pouvez vivre joyeusement.

svelte

svelte est un cadre frontal assez nouveau qui crée beaucoup de battage médiatique depuis un certain temps, et pour une bonne raison. Il est si facile à utiliser que si vous laissez votre neveu pour tout-petit le toucher, cela pourrait enlever votre travail. Je ne plaisante pas; c'est un cadre minimaliste et sans ambiguïté qui vous fait vous demander pourquoi la construction d'un frontal devient si compliqué en premier lieu. Ne vous méprenez pas: l'écriture de code frontal sera toujours compliquée, mais pas compliquée par l'erreur. Si c'est la direction future du développement Web, j'ai hâte de voir ce qui se passera ensuite.

svelte est réactif par défaut. Pas de bibliothèques de gestion d'État complexes ou de DOM virtuelles, etc. Il ne fonctionne même pas dans le navigateur. Il compile votre code dans un fichier JavaScript pur minuscule, optimisé, qui est le fichier que le navigateur exécute. Donc, c'est tout: en plus d'être super facile à utiliser, c'est super aussi. Si vous ne me croyez pas, consultez les exemples sur leur site Web.

vue.js vue cli

Avant Svelte, Vue.js était définitivement mon premier choix pour le cadre frontal le plus intuitif. Il peut toujours prendre pied dans sa concurrence avec d'autres concurrents. Les avantages de Vue.js résident à l'échéance et à la fiabilité. Au début, il a eu du mal à gagner la confiance de l'industrie, mais maintenant nous n'avons plus pu nier que Vue.js a remporté son statut juridique au sommet.

Mais notre but ici n'est pas Vue.js lui-même, mais vue cli. C'est le moyen le plus rapide de bootstrap un projet en utilisant Vue.js. Il prend en charge tous les tracas et la complexité de la configuration de votre environnement, vous permettant de commencer à écrire votre code immédiatement. Une chose que j'aime à ce sujet est sa prise en charge prête à l'emploi pour les tests de typeScript et d'unité, et la meilleure partie est que vous n'avez pas besoin de "faire apparaître" votre application pour configurer votre environnement. Il s'agit d'une garantie de soutien à long terme sans précédent que ses concurrents les plus proches ne peuvent pas fournir.

réagir Cra

Un concurrent fort de Vue CLI est certainement l'application Create React, mieux connue sous le nom d'ARC. Cela commence très rapidement, et si vous connaissez déjà React, cela peut être une meilleure option.

CRA est activement maintenu, en mettant l'accent sur la mise à jour de votre environnement. Le seul inconvénient est que si vous avez besoin de personnaliser votre environnement, vous vous retrouvez généralement avec la "fenêtre contextuelle" votre application pour exposer la configuration WebPack. Une fois que vous avez fait cela, l'équipe de l'ARC ne fournira plus de soutien car vous n'aurez plus l'application de l'ARC. Pourtant, vous n'aurez peut-être jamais besoin de "apparaître" à moins que vous n'essayiez de créer quelque chose qui dépend d'une configuration spécifique.

trois.js

Si vous construisez quelque chose qui nécessite de la 3D dans votre navigateur, alors trois.js est votre ami. Il est très facile à utiliser, a une communauté forte et a autant de contributeurs que les étoiles dans le ciel. Three.js rend WebGL simple.

trois.js est une bibliothèque de rendu légère qui peut être facilement intégrée dans la plupart des projets, ce qui en fait mon premier choix WebGL. Vous devriez consulter les articles en vedette sur leur site Web pour inspirer. La 3D sur le Web n'est pas seulement pour le jeu. Vous pouvez apporter une toute nouvelle dimension à l'expérience de votre client. Permettez-moi de vous montrer mes favoris: - go.pioneer.com/cornrevolution - hinderer-wolff.fr/Cepages-alsace

Il s'agit d'un bonus supplémentaire, un clip vidéo: - https://www.php.cn/link/d169e16da608a6a8d61bc64a2d333e8a

pixijs

Besoin d'une animation 2D agréable et douce? Pixi est un moteur créatif HTML5 avec un rendu Webgl 2D super rapide.

Il est très facile à utiliser et vous devriez consulter leur galerie pour voir la grande quantité de contenu sympa que vous pouvez créer. Si l'un de ces derniers ressemble à ce que vous souhaitez réaliser, cette bibliothèque vous aidera à démarrer votre projet.

colis

Ne vous méprenez pas, j'aime WebPack, mais si vous vous sentez fatigué de ces fichiers de configuration compliqués, vous n'êtes pas seul. Parcel est un bundler prêt à l'emploi sans configuration. Vous pouvez le personnaliser si vous en avez besoin, mais la clé est que vous n'êtes pas obligé. Les paramètres par défaut sont suffisants pour mettre votre projet en cours d'exécution.

Conclusion

Comme nous l'avons vu, il n'y a pas de solution unique, mais j'espère que vous trouverez quelque chose dans cette liste qui convient à votre projet spécifique. Bien sûr, j'ai raté de nombreuses autres excellentes solutions. Mais comme je l'ai initialement dit, dans ce cas, l'objectif n'est pas la maintenabilité ou l'évolutivité, mais à quelle vitesse ils commencent. Construire quelque chose d'extraordinaire ne prend pas trop dur. Parfois, il s'agit simplement d'utiliser les bons outils.

Les questions fréquemment posées sur le démarrage de nouveaux projets plus rapidement (FAQ)

Quelle est la signification de l'échafaudage dans la programmation?

L'échafaudage est une technologie utilisée par de nombreux cadres Web modernes pour accélérer le développement d'applications dans la programmation. Il s'agit de générer automatiquement la structure de code de base sur laquelle les développeurs peuvent construire. Cela peut inclure le code pour les opérations de base CRUD (créer, lire, mettre à jour, supprimer), les vues et même les migrations de base de données. En fournissant une structure de base, l'échafaudage permet aux développeurs de se concentrer sur des aspects uniques de leurs applications plutôt que sur le code du chauffeur en double.

Comment Yeoman aide-t-il à démarrer un nouveau projet plus rapidement?

Yeoman est un outil puissant qui aide les développeurs à lancer rapidement de nouveaux projets. Il fournit un écosystème de générateurs, ce qui signifie qu'il fournit des modèles pour tous les types d'applications. Ces modèles ou «générateurs» peuvent être utilisés pour configurer rapidement de nouveaux projets avec des structures de base, des dépendances et même un code de passe-partout. Cela réduit considérablement le temps et les efforts nécessaires pour mettre en place un nouveau projet à partir de zéro.

Quels sont les avantages de l'utilisation de lanceurs de projet tels que yeoman?

Il y a de nombreux avantages à utiliser des lanceurs de projet comme Yeoman. Tout d'abord, il fait gagner du temps en automatisant le processus de mise en place de nouveaux projets. Deuxièmement, il garantit la cohérence des projets en utilisant la même structure et les mêmes normes de codage. Troisièmement, il réduit le risque d'erreurs et de défauts en utilisant le code testé. Enfin, il permet aux développeurs de se concentrer sur des aspects uniques de leurs projets, plutôt que de la configuration et de la configuration.

Comment l'échafaudage se compare-t-il aux méthodes de programmation traditionnelles?

Les méthodes de programmation traditionnelles impliquent généralement d'écrire chaque partie du code à partir de zéro. Cela peut être très long et sujet aux erreurs. D'un autre côté, l'échafaudage fournit une structure de base et un code de passe-partout pour commencer. Cela accélère non seulement le processus de développement, mais assure également la cohérence et réduit le risque d'erreurs. Cependant, il convient de noter que l'échafaudage ne peut pas remplacer la compréhension du code sous-jacent et des concepts de programmation.

Puis-je personnaliser le code généré par l'échafaudage?

Oui, le code généré par l'échafaudage est entièrement personnalisable. Le but de l'échafaudage est de fournir un point de départ, pas un produit fini. Les développeurs doivent modifier et créer du code généré pour créer leurs applications uniques. En fait, la compréhension et la personnalisation du code d'échafaudage est un excellent moyen d'apprendre des cadres et des concepts de programmation connexes.

L'échafaudage est-il adapté à tous les types de projets?

L'échafaudage est particulièrement utile pour les projets qui suivent des modèles communs, tels que les applications Web avec des opérations CRUD. Cependant, l'échafaudage peut ne pas être aussi bénéfique pour les projets uniques ayant des besoins non conventionnels. Dans ce cas, les développeurs peuvent être plus enclins à écrire leur propre code à partir de zéro pour donner un contrôle total sur la structure et le comportement de l'application.

Quels sont les outils d'échafaudage populaires?

Certains outils d'échafaudage populaires incluent Yeoman, les générateurs de rails, les commandes StartProject et StartApp de Django et l'outil de ligne de commande artisanale de Laravel. Ces outils prennent en charge une variété de langages de programmation et de cadres et fournissent divers modèles ou «générateurs» pour différents types d'applications.

Comment puis-je apprendre à utiliser efficacement les outils d'échafaudage?

La meilleure façon d'apprendre à utiliser efficacement les outils d'échafaudage est la pratique. Lisez d'abord la documentation et les tutoriels pour les outils qui vous intéressent. Ensuite, essayez de l'utiliser dans un petit projet. Expérimentez avec différents générateurs, personnalisez le code généré et voyez comment il affecte l'application. Au fil du temps, vous aurez une meilleure compréhension du fonctionnement de l'échafaudage et de la façon de l'utiliser efficacement.

Y a-t-il des inconvénients à l'utilisation d'échafaudage?

Bien que l'échafaudage accélère le développement et assure la cohérence, il n'est pas sans inconvénients. Un problème potentiel est que si le code généré contient des fonctionnalités que le projet ne nécessite pas, elle peut faire gonfler le code. Un autre problème est qu'il peut créer une dépendance aux outils d'échafaudage, ce qui rend difficile le passage à différents outils ou cadres à l'avenir. Enfin, il peut devenir une béquille pour les développeurs qui ne comprennent pas pleinement le code et les concepts sous-jacents.

Comment l'échafaudage favorise-t-il plus rapidement les projets?

L'échafaudage facilite l'achèvement du projet plus rapide en automatisant la création de code et de structure en double. Cela permet aux développeurs de se concentrer sur des aspects uniques de leurs projets plutôt que de passer du temps à configurer et à configurer. De plus, en utilisant du code testé, l'échafaudage réduit le risque d'erreurs et de défauts, ce qui peut également accélérer le processus de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!