Catégories
Astuces et Design

Construire des composants flexibles avec transparence

En ajoutant une touche de transparence, nous pouvons concevoir des composants qui s'adaptent automatiquement à leurs arrière-plans. Je conçois souvent des composants qui seront utilisés dans une grande variété de contextes. Plusieurs fois, j'ai conçu un composant sur un fond blanc, puis j'ai rencontré des problèmes en essayant d'utiliser ce même composant sur un arrière-plan […]

Catégories
Astuces et Design

Création de composants d'interface utilisateur en SVG

Je suis fermement convaincu que SVG ouvre tout un monde de création d’interfaces sur le Web. Cela peut sembler intimidant d'apprendre le SVG au début, mais vous avez une spécification conçue pour créer des formes et qui dispose encore d'éléments, tels que du texte, des liens et des étiquettes aria. Vous pouvez obtenir certains des […]

Catégories
Astuces et Design

Composants stylisés à sec | Astuces CSS

J'aime travailler avec des composants stylisés. Ils vous permettent d'écrire du CSS dans votre JavaScript, en gardant votre CSS très proche de votre JavaScript pour un seul composant. En tant que développeur front-end qui aime disséquer une page Web et la décomposer en composants réutilisables, l'idée de composants stylisés me procure de la joie. L'approche […]

Catégories
Astuces et Design

Utilisation de votre propre système de conception avec les composants KendoReact

Peut-être avez-vous déjà entendu parler de (ou même travaillé avec!) KendoReact. Cela est apparu dans certaines de mes conversations quotidiennes, en particulier celles sur le travail avec les systèmes de conception et React. Vous pourriez le considérer comme une bibliothèque de composants comme Bootstrap ou Material Design, sauf que les composants de KendoReact sont beaucoup […]

Catégories
Astuces et Design

Composants d'ordre supérieur: un modèle de conception d'application React

Cet article est rédigé par l'auteur invité Jack Franklin. Les messages d'invités de SitePoint visent à vous proposer du contenu attrayant rédigé par d'éminents écrivains et orateurs de la communauté JavaScript Dans cet article, nous verrons comment utiliser des composants d'ordre supérieur pour garder vos applications React ordonnées, bien structurées et faciles à entretenir. Nous […]

Catégories
Astuces et Design

La promesse ratée des composants Web – Lea Verou

Les composants Web avaient tellement de potentiel pour permettre à HTML de faire plus, et rendre le développement Web plus accessible aux non-programmeurs et plus facile pour les programmeurs. Rappelez-vous à quel point c'était passionnant à chaque fois que nous recevions de nouveaux éléments HTML brillants qui faire des trucs? Vous vous souvenez à quel […]

Catégories
Astuces et Design

Composants Style React: comparaison de 7 façons

J'ai travaillé avec quelques développeurs de mon bureau sur des projets React, qui ont des niveaux d'expérience différents dans React. Cet article est né d'une question posée par l'un d'eux sur la meilleure façon de styliser les composants React. Il existe plusieurs façons de styliser les composants React. Choisir la bonne méthode pour styliser les […]

Catégories
Astuces et Design

Animation de composants React avec GreenSock – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … GreenSock Animation Platform (GSAP) est un ensemble de fonctions JavaScript qui vous permettent d'interpeller une valeur / […]

Catégories
Astuces et Design

Construire une bibliothèque de composants avec React and Emotion – Smashing Magazine

A propos de l'auteur Ingénieur front-end passionné par la performance et les technologies de pointe. Plus à propos Ademola … Une bibliothèque de composants permet de maintenir une conception cohérente sur plusieurs projets. Cela garantit la cohérence, car toutes les modifications apportées se propageront dans les projets qui l'utilisent. Dans ce didacticiel, nous allons apprendre […]

Catégories
Astuces et Design

Un peu sur les bibliothèques de composants Web

Une série d’actualités sur les composants Web a récemment traversé mon bureau, alors j’ai pensé le regrouper ici. À mon avis, l'un des meilleurs cas d'utilisation des composants Web est celui des bibliothèques de modèles. Au lieu de faire, disons, comme vous le feriez dans Bootstrap ou comme vous le feriez dans Bulma, vous utiliseriez […]

Catégories
Astuces et Design

Comment utiliser des composants stylisés dans React – Smashing Magazine

A propos de l'auteur Adebiyi Adedotun Lukman est un ingénieur UI / Frontend basé à Lagos, au Nigeria, qui adore également UI / UX Design pour l'amour des grands logiciels. Quand … Plus à propos Adebiyi … Bien que l’approche axée sur les composants ait ouvert une nouvelle frontière dans la façon dont nous construisons […]

Catégories
Astuces et Design

Grille pour la mise en page, Flexbox pour les composants

Mon frère est un nouveau diplômé en génie informatique et il termine actuellement son stage en développement front-end. Il a appris à la fois la grille CSS et la flexbox, mais j'ai remarqué un modèle que je vois beaucoup sur le Web. Il ne peut pas décider quand utiliser la grille ou la flexbox. Par […]

Catégories
Astuces et Design

Des composants d'ordre supérieur réagissent – Smashing Magazine

A propos de l'auteur Shedrack Akintayo est un ingénieur logiciel de Lagos, au Nigéria, qui aime le développement communautaire, l'open source et la création de contenu et de technologie pour les prochains… Plus à propos Shedrack … Dans ce didacticiel, nous allons en apprendre davantage sur les composants d'ordre supérieur, la syntaxe des composants d'ordre […]

Catégories
Astuces et Design

Construire des composants React réutilisables en utilisant Tailwind – Smashing Magazine

A propos de l'auteur Tilo Mitra a étudié le génie à l'Université de Waterloo. Il est directeur d'ingénierie et ingénieur logiciel. Il écrit en JavaScript… Plus à propos Tilo … Tailwind est un framework CSS très utile qui fournit des noms de classe de bas niveau aux développeurs Web. Il n'a pas de JavaScript et […]

Catégories
Astuces et Design

Composants de style en réaction – Smashing Magazine

A propos de l'auteur Shedrack Akintayo est un ingénieur logiciel de Lagos, au Nigéria, qui aime le développement communautaire, l'open source et la création de contenu et de technologie pour les prochains… Plus à propos Shedrack … React est une fantastique bibliothèque JavaScript pour créer des interfaces utilisateur riches. Il fournit une excellente abstraction de […]

Catégories
Astuces et Design

Les composants de fichier unique React sont ici

Shawn Wang parle de RedwoodJS ici: … C'est la première fois que les composants React sont exprimés dans un format de fichier unique avec des conventions explicites. Quelle est l'idée de RedwoodJS des cellules. Pour moi, cela ressemble à une version légèrement plus propre de la façon dont Apollo veut que vous le fassiez avec […]

Catégories
Astuces et Design

Implémentation du mode sombre dans les applications React à l'aide de composants de style – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … Le mode d'éclairage est une convention dans la plupart des applications Web et mobiles. Cependant, dans le […]