Confusion de transfert de flux

Dois-je utiliser WordPress ou React Hooks?
Dois-je utiliser D3 ou CSS?
Dois-je utiliser Markdown ou JSON?
Puis-je utiliser Flexbox dans Gatsby?
Puis-je utiliser des propriétés personnalisées dans Jekyll?
Dois-je utiliser HTML ou le cloud?
Comment ajouter le mode sombre à mon site VUE?

Ce sont ironiques, mais il y a un point à faire ici. C'est un défi de comprendre une technologie, et un autre défi pour comprendre comment les technologies s'adaptent.

Bien que certaines des combinaisons de technologies ci-dessus puissent sembler déroutantes, vous avez de la chance d'en savoir suffisamment pour les trouver déroutants. Cela signifie que vous comprenez suffisamment les technologies pour que vous sachiez qu'ils ne sont pas pertinents non plus / ou les choix ou qu'ils font ou n'ont rien qui les empêche d'aller ensemble.

Je vois ce genre de confusion assez souvent chez les débutants, et ce n'est vraiment rien à avoir honte. Tout cela fait partie du processus.

Je vois également ce type de confusion avec les lecteurs de ce site, car nous écrivons souvent sur les technologies Web de jolies bases et ne nous entrons pas dans la façon dont ils pourraient ensuite s'intégrer dans différentes abstractions, comme les frameworks JavaScript ou les CM. Par exemple, consultez cet article sur la construction d'un curseur. Il ne touche même pas JavaScript; C'est juste Vanilla HTML et CSS.

Peut-être qu'un développeur frontal expérimenté comprendra qu'il peut utiliser ce code de curseur à peu près n'importe où, car il ne dépend de rien d'autre. Mais il y a aussi des développeurs qui seront comme si ce n'était pas dans JSX, donc je ne peux pas vraiment l'utiliser . Ou, est-ce sur NPM? J'ai eu des gens à jamais me demander si certaines des idées et techniques qu'ils trouvent ici sur le site seraient utilisables sur leur site WordPress.

Alors, comment utiliseriez- vous ce code de curseur sur un site WordPress? Eh bien, comme c'est juste HTML et CSS, vous pouvez utiliser le HTML dans l'un de vos modèles, mettre le CSS dans la feuille de style de votre site, et cela fonctionnera. Mais peut-être que vous aimeriez gérer les diapositives d'une manière ou d'une autre dans WordPress lui-même plutôt que de modifier des fichiers de modèle. Peut-être que vous avez un type de poste personnalisé de «diapositive» puis une page personnalisée qui publie le contenu de ces articles dans les divs du curseur. Beaucoup plus compliqué, mais essentiellement la même idée. Si vous vouliez que le curseur fonctionne dans React, il s'agit probablement de modifier certains attributs de classe à ClassName et de mettre le CSS partout où vous faites du style pour votre site React. Nous restons souvent avec les technologies de niveau de base sur CSS-Tricks car cela rend les choses plus génériquement utiles, mais c'est toujours intéressant et une autre compétence d'apprendre à porter des concepts vers d'autres technologies.

Lemme prend une fissure à ces questions ci-dessus.

Dois-je utiliser WordPress ou React Hooks?

WordPress est un CMS que vous choisissez pour vous aider à créer du contenu structuré et susceptible de créer l'intégralité du site. Vous pouvez construire un site avec React, et cela devient de plus en plus populaire, mais ce n'est toujours pas si courant. React est un moyen de construire l'extrémité avant des sites avec des composants intégrés en JavaScript pour aider à l'immatriculation et à la logique. Les crochets React sont un moyen de partager les fonctionnalités entre les composants. Ainsi, cette question n'est pas une / ou - vous pouvez faire les deux ou non plus.

Dois-je utiliser D3 ou CSS?

CSS est utilisé sur tous les sites Web pour faire du style. D3 est une bibliothèque JavaScript pour effectuer une visualisation des données. Il y a un croisement parce que vous pourriez, par exemple, construire un graphique à barres avec juste HTML et CSS, ou construire ce même graphique à barres dans D3. Mais généralement, D3 fait un dessin très sophistiqué dont CSS n'est pas capable, et CSS fait la disposition d'éléments sur un site dont SVG (ce dont D3 sort) n'est pas capable.

Dois-je utiliser Markdown ou JSON?

Markdown est une langue pour écrire du contenu qui compile en HTML. Par exemple, vous pouvez écrire un article de blog dans Markdown, car il est plus propre à écrire et à regarder et en quelque sorte vous décourage à vous en élaborer avec HTML dans un endroit que vous ne devriez pas. JSON est un format pour le stockage des données dans un format avec lequel de nombreux langages de programmation, en particulier JavaScript, ont un temps facile à gérer. JSON a une syntaxe de paire de clés / valeur imbriquée qui est assez intuitive. Vous pouvez mettre Markdown au sein de JSON s'il était utile de stocker les données de cette manière. Il y a un croisement intéressant en ce qu'il existe des variétés spéciales de bassesse qui peuvent avoir des métadonnées dans le cadre du fichier, appelé Front Matter. Ces données de matière frontale se trouvent également dans un format de paire clé / valeur, bien qu'un peu de syntaxe différente. Pourtant, ce sont généralement des technologies assez différentes. Une API rendrait généralement JSON, mais pas Markdown, et vous bloguerais généralement dans Markdown, pas JSON.

Puis-je utiliser Flexbox dans Gatsby?

Bien sûr. Flexbox est une chose CSS et Gatsby est un cadre React. Gatsby ne se soucie pas du CSS que vous utilisez sur le site. Étant donné que Gatsby est basé sur React, il y a tout un monde de bibliothèques CSS-in-JS qui pourraient également être utilisés, donc si vous avez des problèmes, cela pourrait être quelque chose de lié à cela. Par exemple, si le style est défini via un format d'objet JavaScript, vous devrez peut-être utiliser quelque chose comme Flexgrow au lieu de Flex-Grow, et similaires.

Puis-je utiliser des propriétés personnalisées dans Jekyll?

Jekyll est un générateur de sites statique propulsé par un rubis, en grande partie pour produire des blogs à partir de fichiers Markdown. Tout comme Gatsby ne se soucie pas de votre CSS, Jekyll ne le fait pas non plus. Les propriétés personnalisées sont une chose CSS, vous êtes donc libre de les utiliser dans votre CSS qui, à son tour, fait partie de votre site Jekyll.

Dois-je utiliser HTML ou le cloud?

«Le cloud» a une signification quelque peu nébuleuse, mais fait généralement référence aux serveurs attachés à Internet. Et pas seulement un seul serveur, mais un grand réseau d'entre eux avec une forte capacité à évoluer et à avoir une redondance. HTML est la langue de base des sites Web. Chaque site Web commence par une demande de HTML à partir d'un serveur Web. Ils se rapportent dans ces serveurs basés sur le cloud pourraient servir ces demandes de fichiers HTML! Mais ils ne sont pas un autre / ou une chose. Vous pouvez écrire HTML qui est servi par un serveur qui n'est pas particulièrement «nuageux» et vous pouvez utiliser un serveur cloud pour quelque chose de sans rapport avec HTML (comme le stockage de grands fichiers de données).

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!