Octets courts:VulcanJS est une boîte à outils complète basée sur React, Redux, Apollo GraphQL et Meteor, créée par Sacha Greif. Il permet à un développeur de créer facilement et rapidement des applications complètes en utilisant des comptes d'utilisateurs et des autorisations intégrés, des formulaires et des schémas générés automatiquement, de nombreux exemples de code et de menu boilerplate, des mises à jour optimistes de l'interface utilisateur, etc.

En 2012, la plateforme Javascript Meteor Full Stack était la première visionnaire nodejs- plate-forme basée à jamais pour tenter une abstraction complète de la pile appropriée. Ce que cela signifiait, c’est que cela fournissait au développeur beaucoupla magieafin que vous puissiez vous concentrer uniquement sur la logique métier de votre application. Laissez-nous vous en dire plus sur le même;

  • Il avait uncomptes paquet hors de la boîte. Il suffisait d'écrire 10 lignes de code et des comptes d'utilisateur étaient déjà intégrés pour commencer à utiliser. Pas besoin d'authentification d'utilisateur personnalisée. Authentification basée sur le nom d'utilisateur et le mot de passe, ainsi que sur d'autres fournisseurs de services fédérés tels que les connexions Facebook, Twitter, Google, Github, LinkedIn.
  • Réactivité de synchronisation des données en temps réel a été construit directement dans la plate-forme. Cela signifiait que dès que les données changent dans la base de données (Meteor a choisi MongoDB pour des raisons évidentes), le Composants d'interface utilisateur abonnéschangé en temps réel. Dites que quelqu'un a commenté un post alors que vous lisiez un autre commentaire, cela se voit en temps réel.
  • Système de construction magiqueAinsi, il ne serait pas nécessaire de passer du temps à l’architecture d’un processus de construction à l’aide des bundles javascript disponibles et des aides à la construction telles que browserify, webpack, gulp, grunt, etc.
  • Mises à jour optimistes de l'interface utilisateur.Dès qu'un utilisateur s'engageait dans une action, que météore soit ou non autorisé à le faire, météore changeait quand même l'interface utilisateur (pensez à un commentaire si vous n'êtes pas connecté), vérifiez sur le serveur si l'utilisateur est autorisé pour faire cette action et revenir en arrière si l’utilisateur ne l’était pas. De cette façon, toutsemblaitrapide (parce que la plupart du temps, l'utilisateur avait l'autorisation de prendre cette mesure).

En plus de cela, au niveau de l’API, Meteor possédait un système de sous-système de publication facile à comprendre, un utilitaire d’envoi de courrier électronique intégré, etc.

L’une des meilleures applications Meteor développées que j’ai vue et utilisée est Code Fights.

Au fil des années, l'écosystème Javascript a explosé. De nouveaux frameworks et bibliothèques, de nouvelles fonctionnalités et nuances Javascript ont été prises d'assaut. Cependant, un développeur a essayé quelque chose de nouveau avec Meteor.

Sacha Grief, un développeur parisien vivant au Japon, est connu pour être le co-auteur d'un livre très détaillé appelé Discover Meteor. Le livre a pour objectif de créer une nouvelle pirate informatique, comme un clone utilisant Meteor, directement. Le livre est à présent obsolète, mais Sacha a continué à faire évoluer la pile de cette application pour utiliser les dernières technologies et bibliothèques testées.

Avance rapide en 2017, il a porté l'application qu'il avait initialement appelée Telescope sur une nouvelle pile (React, Redux, Apollo GraphQL), appelée VulcanJS.

VulcanJS alimente les nouvelles des hackers du télescope comme un clonage avec de nouvelles technologies, mais en même temps, il permet également à un développeur de développer ce qu'il veut. Je suis en train de créer une application Web index des anciens élèves consultable, filtrable et triée pour mon alma mater l’utilisant. Voir en action ici:

Un couple de choses et de déploiement et nous devrions nous avons fait. Ne fais pas attention au CSS

Publié par Arihant Verma le jeudi 15 juin 2017

Voici quelques exemples de ce que VulcanJS propose:

  • Tout ce que Meteor avec sa pile initiale avait.
  • Autorisations de groupe d'utilisateurs, afin que vous puissiez classer les actions de l'utilisateur de la manière suivante: admin, membres (utilisateurs connectés), invités, etc.
  • Contrôles des actions au niveau de la propriété sur le schéma

    title: {type: String, viewableBy: ['guests'], insertableBy: ['members'], editableBy: ['members'],}, status: {type: Number, viewableBy: ['guests'], insertablePar: ['admins'], editableBy: ['admins'],}

  • Stripe Payments outils intégrés pour associer les paiements aux produits (produits de commerce électronique, adhésion, parrainage, publicités, dons, etc.)
  • Modèles de messagerie personnalisés et flux de messagerie
  • Les comptes de Meteor dans React (la bibliothèque d'interface utilisateur préférée de Meteor Development Group)
  • Formulaires Autogénérés. C'est un tueur. Vous définissez votre schéma une fois, à la fois pour la base de données et pour les schémas GraphQL, puis si vous le souhaitez, des formulaires pour un type particulier de documents ou collection (par exemple pour ajouter ou éditer des informations sur les vidéos) sont automatiquement créés pour vous! Tous les formulaires que vous voyez à l’aide de Sidebar (une lettre d’information sur le design de Sacha) sont créés de cette façon.

Le schéma pourrait être quelque chose comme:

link: {type: String, visualisablePar: ['invités'], insérablePar: ['membres'], modifiablePar: ['membres'],}, titre: {type: Nombre, visualisablePar: ['invités'], insérablePar: ['members'], editableBy: ['members'],}, description: {type: String, max: 500 visualisablePar: ['invités'], insérablePar: ['membres'], editableBy: ['membres'], }, tags: {type: tableau, visualisablePar: ['invités'], insérableBy: ['membres'], editableBy: ['membres']],}, tag. $: {type: Chaîne}, emplacement: {type: String, viewableBy: ['guests'], insertableBy: ['members'], editableBy: ['members']],}

La ligne de code qui générerait automatiquement le formulaire:

{props.flash (context.intl.formatMessage ({id: "users.edit_success")}, {name: Users.getDisplayName (utilisateur)},), "success",); }} />

Qu'est-ce qui fait de VulcanJS le moyen le plus simple de créer des applications Full Stack?

  • Tout est pris en charge pour vous. Par exemple, vous n'avez pas besoin de savoir beaucoup sur le fonctionnement des nuances GraphQL; il a déjà été pris en charge.
  • Tout est transparent; vous saurez toujours ce qui se passe et où
  • Les dernières technologies testées au combat et faciles à utiliser sont utilisées. Beaucoup de ressources pour les apprendre en ligne.
  • De nombreux exemples de code d'application que vous pouvez consulter avant de commencer à utiliser VulcanJS. Par exemple, Sacha a mis en place quatre exemples d'applications: Vulcan-Movies, Vulcan-Instagram, Vulcan-Forums (les nouvelles du pirate informatique comme clone), Vulcan-Customization.
  • De nombreux tutoriels sur ces exemples d'applications, ainsi que sur l'utilisation de Vulcan, y compris des procédures de code sur le canal youtube de VulcanJS.
  • Une documentation très détaillée pour que vous sachiez toujours où chercher pendant que vous codez.
  • Le canal Slack super actif, où les principaux acteurs de VulcanJS (Sacha, Comus, Xavier) traînent en permanence pour aider, comme toujours.

Meteor a fait l’objet de nombreuses critiques, notamment que le temps de chargement initial de la page de chargement est lent car Meteor ne prend pas en charge le découpage en code. Grâce à la dernière version 1.5, Meteor prend désormais en charge les instructions d'importation dynamiques. Cela signifie que vous ne pouvez charger le code que quand vous le voulez et pas avant. Le brancher avec du réactif-chargeable le rend encore plus performant.

Avez-vous trouvé cet article sur VulcanJS intéressant? N’oubliez pas de partager votre point de vue avec nous.

Travaillé Pour Vous: Robert Gaines & George Fleming | Vous Souhaitez Nous Contacter?

Commentaires Sur Le Site: