Composants corrosifs : une nouvelle bibliothèque de composants pour qwik

Pourquoi des composants corrosifs

En tant que développeur Web passionné par la performance, je souhaitais un ensemble de composants tirant pleinement parti de la nature récupérable de Qwik. C'est pourquoi j'ai créé des composants corrosifs, une bibliothèque spécialement conçue pour Qwik afin de faciliter la création d'interfaces utilisateur performantes et interactives, complètes en fonctionnalités, faciles à utiliser et indépendantes de tout autre package.

Comment les composants corrosifs

Installation via NPM ou Bun

Vous pouvez installer la bibliothèque Crossive Components en utilisant npm ou bun. Exécutez la commande suivante dans le répertoire de votre projet :

npm installe des composants croisés

bun installer des composants croisés

Ajoutez useStyles(DefaultStyle) avec useStyles(DefaultResources) ou useStyles(DefaultDarkResources) à l'élément de mise en page racine pour appliquer des styles.

import {
  DefaultResources, // or(DefaultDarkResources)
  DefaultStyle,
} from 'corrosive-components'

export default component$(() => {
  useStyles$(DefaultResources) // or(useStyles$(DefaultDarkResources))
  useStyles$(DefaultStyle)

  return (
    // content
  )
})

Consultez le guide d'installation pour en savoir plus

Copie directe du code source du composant

Si vous préférez ne pas installer le package, vous pouvez directement copier le code source des composants individuels et leurs styles et les utiliser dans votre projet.

Notez que vous devez toujours ajouter DefaultResources ou DefaultDarkResources à l'élément de mise en page racine.
Aperçu du style

Les styles dans les composants corrosifs se composent de deux parties, les ressources qui contiennent les variables et les styles qui contiennent les styles réguliers.

Le style par défaut est DefaultStyle et les ressources sont DefaultResources et DefaultDarkResources qui sont des fichiers CSS compilés en ligne.

Consultez le guide de style pour en savoir plus

Qui sont les composants corrosifs

Cet article a été rédigé par Mahdi Movahedian Atar, le développeur et mainteneur de composants corrosifs.

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!