Maël, auteur sur - Page 15 sur 26

Comment faire des achats en ligne en toute sécurité

16 juin 2022 par Maël

Les achats en ligne sont pratiques, dans la mesure où vous pouvez faire des recherches, trouver les meilleurs prix et faire livrer vos colis directement devant votre porte sans avoir à quitter le confort de votre domicile. Mais pour faire une bonne affaire en ligne, il ne suffit pas d’obtenir le prix le plus bas. Vous devez vous assurer que les produits arrivent à temps, que la qualité correspond à vos attentes, que les articles sont accompagnés d’une garantie adéquate et qu’il existe un moyen de renvoyer les produits ou d’obtenir de l’aide pour toute question ou tout problème. Appliquez ces conseils pour améliorer la sécurité de votre expérience d’achat. Passez toujours vos commandes à partir d’une connexion sécurisée Si votre ordinateur n’est pas protégé contre les logiciels potentiellement malveillants, vos informations financières et vos mots de passe risquent d’être volés (ainsi que tout ce que vous stockez sur votre ordinateur ou faites en ligne). Ce concept est tellement élémentaire, et pourtant seule une fraction de la population américaine protège correctement ses ordinateurs. Utilisez une connexion sécurisée – assurez-vous que le pare-feu de votre ordinateur est activé. Si vous faites des achats en ligne en utilisant un réseau sans fil, celui-ci doit être crypté afin que quelqu’un qui se cache à l’extérieur de la maison ne puisse pas recueillir vos informations. Évitez d’effectuer des transactions financières en utilisant un réseau public, car vous ne pouvez pas savoir s’il est compromis. Connaissez le commerçant et sa réputation Si vous connaissez déjà le magasin, faire des achats dans sa boutique en ligne est très sûr. Vous pouvez toujours vous rendre dans le magasin local pour obtenir de l’aide en cas de problème, et si vous connaissez d’autres personnes qui ont toujours eu des expériences positives avec la boutique en ligne, vous pouvez être rassuré sur la qualité du site. Si vous ne connaissez pas le magasin, il peut tout de même s’agir du meilleur choix ; vous devez simplement prendre quelques précautions supplémentaires. Effectuez votre propre vérification des antécédents en consultant des sites consacrés à l’évaluation des boutiques en ligne. Si le magasin n’a pas été évalué ou s’il n’a pas reçu d’avis favorables, ne passez pas commande sur son site. Évitez les offres qui semblent « trop belles pour être vraies ». Toute boutique en ligne qui promet trop de choses à un prix trop bas est suspecte. Si le prix est trop bas, demandez-vous si le marchand a obtenu les articles légalement, si vous recevrez un jour les articles que vous avez payés, si les articles sont réellement de la marque indiquée ou s’il s’agit d’un substitut bon marché, si l’article fonctionnera, si vous pourrez renvoyer les marchandises endommagées – ou si le marchand gagne un revenu supplémentaire en vendant vos informations financières. Les magasins en ligne peu scrupuleux – comme leurs homologues en brique et en mortier – peuvent proposer un prix ridiculement bas, puis prétendre que l’article est en rupture de stock, pour essayer de vous vendre autre chose, dans le cadre d’une escroquerie classique du type « appât et échange ». Si vous achetez une carte cadeau, lisez les conditions générales. Si la carte cadeau est destinée à quelqu’un d’autre, assurez-vous que le magasin est légitime, que la personne l’utilise et qu’elle n’aura pas à franchir d’obstacles. N’utilisez pas un magasin en ligne qui demande plus d’informations que nécessaire pour réaliser la vente. Attendez-vous à devoir fournir un mode de paiement, une adresse de livraison, un numéro de téléphone et une adresse électronique, mais si le commerçant vous demande d’autres informations, passez votre chemin. Ne leur donnez jamais vos coordonnées bancaires, votre numéro de sécurité sociale ou votre numéro de permis de conduire. Certaines entreprises posent des questions sur vos centres d’intérêt, mais celles-ci doivent toujours être facultatives et vous devez être prudent avant de fournir ces informations. Le marchand revend-il, loue-t-il ou partage-t-il vos informations ? Vérifiez la politique de confidentialité du site pour comprendre dans quelle mesure vos informations peuvent être exposées. De nombreux magasins indiquent clairement qu’ils ne partagent, ne vendent ni ne louent les informations des consommateurs – d’autres disent qu’ils sont propriétaires de vos informations et peuvent les utiliser (ou en abuser) comme bon leur semble. Restez fidèle aux entreprises qui respectent votre vie privée. Vous devez créer un mot de passe pour le site ? – Faites en sorte qu’il soit unique. On vous demandera souvent de créer un compte avec un mot de passe lorsque vous ferez un achat. En général, vous pouvez choisir de ne pas le faire, et à moins que vous n’utilisiez fréquemment la boutique en ligne, ne créez pas de compte. Si vous souhaitez créer un compte, veillez à utiliser un mot de passe unique et fort. Le site est-il sécurisé ? Avant de saisir des informations personnelles ou relatives à votre carte de crédit sur un site d’achat, vérifiez si l’adresse web de la page commence par « https : » et non « http : ». Ce petit « s » vous indique que le site est sécurisé et crypté pour protéger vos informations. Utilisez une carte de crédit ou PayPal N’utilisez pas de carte de débit ou de chèque, car ils n’offrent pas les mêmes protections en cas de problème. Les achats par carte de crédit limitent votre responsabilité à un maximum de 50 $ de frais non autorisés en cas de vol de vos informations financières, et l’argent sur votre compte bancaire reste intact. La plupart des cartes de débit n’offrent pas cette protection – et même lorsqu’elles l’offrent, c’est vous qui êtes à court d’argent entre-temps. Envisagez de désigner une carte de crédit uniquement pour les achats et les transactions en ligne. De cette façon, si la carte est compromise, vous pouvez rapidement la fermer sans que cela ait un impact sur les autres types de transactions. Vérifiez toujours les conditions d’expédition de l’entreprise. Certains commerçants facturent des frais d’expédition exorbitants qui peuvent transformer une bonne affaire en une erreur coûteuse. Vérifiez s’ils fournissent un suivi et une assurance. Comprenez … Lire la suite

Comment faire des achats en ligne en toute sécurité

16 juin 2022 par Maël

comment-faire-des-achats-en-ligne-en-toute-securite

La vente en ligne a rendu le shopping plus facile que jamais, mais elle a également augmenté la probabilité que vos informations privées se retrouvent entre les mains de la mauvaise personne. La sécurité des achats en ligne a progressé au même rythme que les ventes en ligne. Toutefois, vous devrez faire preuve d’un peu de diligence raisonnable pour protéger vos informations personnelles. Assurer la sécurité de vos informations 1 Utilisez une carte de crédit avec une protection contre la fraude en ligne. De nombreuses cartes remboursent votre argent si vous êtes victime d’une fraude. Contactez votre banque ou votre fournisseur de carte de crédit pour savoir si votre carte dispose de telles protections. Si ce n’est pas le cas, essayez d’en trouver une qui offre une assurance pour les achats en ligne. Les cartes de crédit sont plus susceptibles d’offrir une protection contre la fraude que les cartes de débit. Certaines banques proposent des numéros de carte de crédit » à usage unique « . Ces numéros ne peuvent être utilisés que pour un seul achat, de sorte que, même si vos informations sont compromises, elles ne peuvent pas être réutilisées. Demandez à votre banque si c’est une option. 2 Enregistrez les détails de l’achat. Après avoir effectué un achat, notez toujours les détails de l’heure, de la date, du numéro de reçu et de la confirmation de la commande. Si vous ne pouvez pas en imprimer un, faites une capture d’écran comme preuve d’achat de votre business en ligne. 3 Vérifiez régulièrement vos relevés. Lorsque vous faites des achats en ligne, vérifiez fréquemment vos relevés de carte de crédit et de débit. Soyez attentif aux frais suspects et comparez-les à vos dossiers. Appelez immédiatement votre banque ou votre société de carte de crédit si vous voyez quelque chose de suspect[3]. Par exemple, si vous avez acheté quelque chose sur un site Web et que vous remarquez sur votre relevé bancaire des transactions que vous ne vous souvenez pas avoir effectuées, il y a de fortes chances que vous ayez été piraté. Dans la mesure du possible, effectuez vos achats avec votre carte de crédit. Il sera plus facile pour votre banque de rembourser les achats escroqués que ceux effectués avec une carte de débit. 4 Ne donnez jamais trop d’informations. Un achat en ligne ne devrait nécessiter que des informations sur votre carte de crédit, votre adresse et votre numéro de téléphone. Si le site Web vous demande également votre numéro de sécurité sociale, vous devez vous méfier. Ces informations peuvent être utilisées pour voler votre identité et ne devraient pas être nécessaires pour un achat en ligne. 5 Recherchez les logiciels malveillants. Les programmes malveillants téléchargés en ligne peuvent surveiller vos frappes au clavier et récupérer les informations de votre compte, même sur des sites Web sécurisés. Téléchargez des programmes comme Ad-Aware pour rechercher les logiciels malveillants. Ne téléchargez pas d’informations à partir de sites que vous ne connaissez pas. Soyez prudent lorsque vous cliquez sur des liens dans des courriels viraux. Mettez également à jour votre système d’exploitation fréquemment. Parfois, les mises à jour du système d’exploitation offrent une protection importante contre les menaces de sécurité. 6 Utilisez des mots de passe difficiles. Si vos mots de passe ne sont pas bien conçus, un pirate peut les deviner et utiliser les informations de compte enregistrées pour commander des produits. Essayez d’utiliser des mots de passe différents pour chaque site Web et évitez les mots courants. Évitez d’utiliser des mots courants comme mots de passe ou des informations qui ont une signification personnelle qu’un pirate pourrait deviner, notamment les lieux de naissance ou les anniversaires. Cela s’applique également aux mots de passe de démarrage de votre ordinateur et de votre téléphone portable. Si vos informations sont enregistrées sur votre matériel, quelqu’un qui prend votre téléphone ou votre ordinateur peut les utiliser pour faire des achats. Assurez-vous que tout votre matériel est protégé par un mot de passe et qu’il affiche un écran de sécurité s’il est laissé sans surveillance pendant quelques minutes. 7 Évitez de faire des achats en public. N’effectuez aucun achat sur des ordinateurs publics, y compris ceux disponibles dans les bibliothèques. Si vous le faites, vos informations privées seront enregistrées et d’autres personnes pourront y avoir accès. Vous devriez même être prudent lorsque vous faites un achat avec votre propre ordinateur portable dans un lieu public. Quelqu’un pourrait vous voir saisir vos données ou être en mesure d’obtenir des informations à partir d’une connexion Wi-Fi partagée. Si vous devez effectuer un achat en public, l’utilisation des données d’un téléphone portable est plus sûre qu’une connexion Wi-Fi publique. Pensez à télécharger l’application du détaillant pour effectuer l’achat. Trouver un site Web sécurisé 1 Faites vos achats auprès d’entreprises bien établies. Assurez-vous que le site Web avec lequel vous travaillez est réel. Un moyen facile d’y parvenir est de faire des achats auprès d’entreprises connues que vous connaissez bien. Certaines escroqueries se font passer pour des magasins à grande surface, vérifiez donc soigneusement les noms de domaine pour vous assurer qu’il s’agit bien du bon site Web. Vérifiez l’adresse Web pour vous assurer qu’il n’y a pas de fautes d’orthographe, comme « Equifacks » au lieu de « Equifax ». Les faux sites Web remplaceront également un « .com » par un « .net ». Vérifiez soigneusement le site web pour détecter ces erreurs. Aujourd’hui, la plupart des grandes chaînes ayant des sites physiques ont des sites Web parallèles. Ces détaillants devraient être fiables. 2 Recherchez l’identité, l’emplacement et les coordonnées des détaillants moins connus. Il est important d’établir l’identité des détaillants en ligne que vous ne connaissez pas. Recherchez sur le site Web une adresse électronique, une adresse postale et un numéro de téléphone. Vous devez vous méfier si ces informations ne sont pas facilement accessibles. Il est peu probable que les escrocs publient leur adresse ou leur numéro de téléphone, car cela les rend plus faciles à repérer. Toute entreprise réputée devrait au moins disposer d’une ligne d’assistance téléphonique. Si vous avez … Lire la suite

Comment faire une capture d’écran sur chromebook ?

11 juillet 202410 juin 2022 par Maël

Si vous vous demandez comment faire une capture d’écran sur PC Chromebook, vous serez ravi de savoir que c’est un processus très simple. En effet, la fonctionnalité de capture d’écran Chromebook est intégrée directement dans le système d’exploitation Chrome OS. Pour effectuer une capture d’écran sur Chromebook, il suffit d’appuyer sur quelques touches spécifiques. Par exemple, pour une capture d’écran complète, vous pouvez utiliser la combinaison de touches Ctrl + Afficher les fenêtres. De plus, si vous souhaitez savoir comment faire une capture d’écran sur Chromebook, vous pouvez également accéder au panneau des paramètres rapides et utiliser l’outil de capture d’écran. Enfin, pour une capture écran Chromebook partielle, vous pouvez utiliser la combinaison de touches Ctrl + Shift + Afficher les fenêtres afin de capturer uniquement une partie de l’écran. Ces méthodes permettent de répondre facilement à la question de comment faire une capture d’écran sur PC Chromebook. Comme avec Windows et macOS, vous pouvez capturer tout ce qui s’affiche sur votre écran en appuyant simplement sur quelques touches. Mais Chrome OS va plus loin que certains systèmes d’exploitation, en incluant un widget de capture d’écran très pratique. Il vous permet notamment de réaliser une capture d’écran partielle ou une capture d’écran d’une fenêtre spécifique. Nous allons vous montrer comment faire chacun de ces éléments ci-dessous, alors poursuivez votre lecture pour découvrir comment faire une capture d’écran sur un Chromebook. Comment faire une capture d’écran sur un Chromebook Faire une capture d’écran de base sur un Chromebook est très simple. Il s’agit de la méthode à utiliser pour capturer tout ce qui s’affiche sur votre écran à un moment donné. Votre capture d’écran aura également été copiée dans votre presse-papiers, ce qui est utile si vous souhaitez la coller directement dans un document Google Docs ou Slides. Enfin, sur certains Chromebooks, vous verrez également apparaître une fenêtre en bas à droite de l’écran après la capture. Vous pouvez cliquer dessus pour accéder directement à l’application Fichiers, comme montré sur m3i-zero.fr ! Comment réaliser une capture d’écran partielle sur un Chromebook ? Il est tout aussi facile de réaliser une capture d’écran partielle qui ne capture qu’une zone spécifique de l’écran du Chromebook que de réaliser une capture d’écran standard. Si vous ne voulez pas d’une capture d’écran désordonnée qui inclut également votre barre des tâches, vous pouvez utiliser l’outil de capture d’écran de Chrome OS pour capturer une seule fenêtre spécifique. Voici comment procéder : Pour plus de conseils sur l’utilisation de votre Chromebook, consultez notre guide sur la façon de redémarrer un Chromebook ou sur la façon de définir une page d’accueil dans Google Chrome. Et pendant que vous y êtes, vous pouvez également consulter notre guide sur la façon de vider le cache dans Chrome. Capture d’écran sur un Chromebook à partir des paramètres rapides J’ai du mal à me souvenir des raccourcis clavier, alors je cherche toujours une autre option. Heureusement, Google a ajouté un bouton de raccourci dans le panneau des paramètres rapides pour les captures d’écran. Je n’ai donc plus jamais à réfléchir aux touches dont j’ai besoin. Sur l’étagère de Chrome, cliquez sur l’heure pour faire apparaître le menu des paramètres rapides. Il suffit de cliquer ou d’appuyer sur Capture d’écran pour que la barre d’outils se lance. Comment utiliser la barre d’outils de capture d’écran La barre d’outils de capture d’écran vous permet non seulement de faire des captures d’écran, mais aussi de réaliser des enregistrements d’écran. À l’extrême gauche de la barre d’outils se trouve le bouton permettant de passer de la photo à la vidéo. À droite de ce bouton, vous avez la possibilité de faire une capture d’écran en plein écran, une capture d’écran partielle avec une zone spécifique que vous définissez ou une capture d’écran d’une fenêtre spécifique. Ces options fonctionnent pour les photos et les vidéos. En outre, en cliquant sur le bouton des paramètres de la barre d’outils, vous pouvez activer ou désactiver le micro pendant l’enregistrement de votre écran, ce qui facilite l’ajout d’une narration à vos captures. Où les captures d’écran sont-elles enregistrées sur un Chromebook ? Lorsque vous effectuez une capture d’écran ou un enregistrement, elle est immédiatement accessible à partir du Presse-papiers, qui stocke les cinq derniers éléments que vous y avez enregistrés. Pour afficher ce qui est disponible, il suffit d’appuyer sur le bouton Tout (alias la touche Recherche) plus V. Votre Chromebook dispose également d’un espace de stockage sur l’étagère appelé Tote. C’est là que vous trouverez vos captures d’écran les plus récentes. Vous pouvez également épingler des fichiers à Tote, ce qui signifie que vous pouvez conserver une capture d’écran importante.

Quels sont les alternatives à Calendly ?

5 mai 2022 par Maël

Vous recherchez le logiciel de prise de rendez-vous idéal ? Décortiquons quelques alternatives à Calendly, qui peuvent ou non convenir à votre cas d’utilisation. Vous comprenez que les allers-retours d’emails peuvent être très chronophages. Pire encore, vous pourriez perdre un prospect qualifié simplement parce que la synchronisation est trop fastidieuse. C’est pourquoi vous recherchez un outil de réservation de réunions en ligne comme Calendly. Vous voulez communiquer facilement votre disponibilité tout en laissant vos prospects gérer eux-mêmes la réservation. Pour cela, vous devez investir dans le bon outil. Si Calendly est une option courante, les produits varient en termes de fonctionnalités, de prix, de cas d’utilisation, d’intégrations, de facilité d’utilisation et d’autres atouts. Choisissons le produit qui vous convient le mieux. Qu’est-ce que Calendly ? Calendly est une solution de planification de calendrier à la fois puissante et facile à utiliser. Il suffit de définir vos préférences en matière de disponibilité, puis de partager le lien avec votre client/équipier par e-mail ou de l’intégrer à votre site Web. Une fois qu’ils ont choisi une heure, l’événement est automatiquement ajouté à votre calendrier. Calendly prend en charge les réunions de disponibilité individuelles, collectives et à la ronde. Il est également doté d’un certain nombre de fonctionnalités utiles, notamment l’intégration des calendriers (Google, Outlook, Office 365, iCloud), les notifications par SMS et par courriel, les tampons, la détection des fuseaux horaires, les personnalisations, etc. Pour une expérience utilisateur transparente, il s’intègre également à des applications telles que Salesforce, Zapier, GoToMeeting et plus encore. Acuity Scheduling Acuity Scheduling est une solution logicielle de prise de rendez-vous pour les entreprises. Vous pouvez créer un site de planification personnalisé avec votre propre URL, l’intégrer directement à votre site Web existant ou l’intégrer à vos profils de médias sociaux. Vos clients peuvent alors consulter votre calendrier et choisir un créneau horaire disponible. Acuity Scheduling est livré avec un certain nombre de fonctionnalités utiles, y compris des notifications personnalisées par email et par SMS, des rappels, des formulaires d’admission, la programmation de groupes pour les ateliers, et plus encore. Acuity Scheduling fonctionne avec Google calendar, Office 365, iCloud et s’intègre avec Zapier, et plus encore. Meetingbird Meetingbird est une plateforme de planification de réunions simple mais puissante. Son extension chrome vous permet de programmer des réunions plus rapidement dans Gmail. Meetingbird prend en charge plusieurs types de réunions, ce qui vous donne la possibilité de gérer des paramètres uniques pour les démonstrations de produits, les appels de vente, les réunions d’accueil, et plus encore. Il est également livré avec un certain nombre de fonctionnalités utiles, notamment des notifications par e-mail personnalisables, des rappels, la détection du fuseau horaire, la personnalisation de la marque, etc. Meetingbird fonctionne avec le calendrier Google et s’intègre avec Zapier, Zoom et plus encore. Twilead Qu’est-ce que Twilead ? Une plateforme basée sur le cloud qui permet de gérer les clients, le marketing, les ventes et plus encore. C’est un logiciel prise de rendez vous open source ! La seule plateforme de marketing, de vente et de CRM tout-en-un dont vous aurez besoin pour développer votre activité en ligne automatisée. 100% de nos utilisateurs voient une augmentation notable de leur taux de conversion, économisent du temps et des ressources dès le premier mois !Qui utilise Twilead ? Les entreprises B2B et B2C – Entrepreneurs, consultants, créateurs de cours, freelances, agences et propriétaires de petites entreprises. Où Twilead peut-il être déployé ? Cloud, SaaS, basé sur le Web Chili Piper Chili Piper vous permet de réduire les clics et de programmer des réunions plus rapidement. Oubliez tous ces allers-retours pour récupérer les liens de programmation ou insérer des horaires. Tout se fait en un seul clic. L’extension Instant Booker de Chili Piper est le seul outil de planification conçu pour les représentants des ventes – conçu pour réserver des réunions instantanément à partir de tous les outils que vous utilisez actuellement. Que vous soyez sur un appel téléphonique et que vous ayez besoin de réserver rapidement à partir de Salesforce, ou que vous communiquiez par e-mail et que vous ayez besoin de coordonner plusieurs calendriers, l’extension Handoff de Chili Piper fait de la planification au nom des autres membres de l’équipe un processus simple. Pas de feuilles de calcul. Pas de suivi manuel. Pas de réunions perdues. Il n’y a pas d’expérience de planification comme celle-ci. En plus de tout cela, Chili Piper est une plateforme de conversion entrante qui offre des produits supplémentaires pour les équipes de revenus. Par exemple, Concierge permet aux prospects qualifiés de se connecter instantanément avec un représentant commercial via n’importe quel formulaire sur votre site Web. Les pistes entrantes sont qualifiées, acheminées et réservées, le tout en quelques secondes. YouCanBook.me YouCanBook.me est une simple plateforme de planification en ligne. Pour utiliser l’outil, il suffit de connecter vos calendriers existants pour vérifier vos disponibilités. Vous pouvez ensuite personnaliser votre page de réservation en choisissant votre disponibilité, la durée du rendez-vous et en définissant des notifications. Vous pouvez partager le lien de la page de réservation par courriel, par votre CRM ou l’intégrer à votre site Web. Une fois qu’ils ont choisi un créneau, l’événement apparaît dans votre calendrier connecté. YouCanBook.me est doté d’un certain nombre de fonctionnalités utiles, notamment l’intégration des calendriers (Google et Microsoft), les notifications par SMS et par courriel, la détection des fuseaux horaires, la personnalisation de la marque, etc. Pour une expérience utilisateur transparente, il s’intègre également à Zapier, Stripe et plus encore.

Découvrir la vérité sur le remarketing et le reciblage

26 mars 2022 par Maël

decouvrir-la-verite-sur-le-remarketing-et-le-reciblage

Remarketing et reciblage sont deux termes qui reviennent souvent dans le monde du marketing. Bien qu’ils aient des significations différentes, ils sont souvent utilisés de manière interchangeable. Pourquoi est-il important d’utiliser le bon terme ? Imaginez que vous connaissiez la différence et que quelqu’un d’autre vous dise d’écrire des publicités de remarketing. Vous pourriez vous retrouver à rédiger le mauvais type d’annonce ! Si vous travaillez dans le monde du marketing, il est préférable de connaître la différence entre remarketing et retargeting. Vous éviterez ainsi tout malentendu et saurez de quoi il retourne. Remarketing et reciblage : Similitudes Les deux types d’annonces sont différents, mais ils ont le même objectif. C’est probablement la raison pour laquelle tant de personnes confondent les deux termes. En effet, les deux types de publicité sont destinés aux personnes qui sont déjà entrées en contact avec vous. Votre public est constitué de personnes que vous connaissez sans aucun doute et qui sont intéressées par ce que vous avez à offrir. C’est pourquoi le remarketing et le reciblage sont différents des publicités classiques que vous pouvez voir sur Internet. Ces publicités ne seront pas affichées pour tout le monde, mais uniquement pour les personnes qui vous ont déjà rendu visite ou qui ont interagi avec vous en ligne. Ce ciblage vous permet de consacrer votre budget marketing uniquement à des prospects qualifiés et de ne pas gaspiller d’argent. Remarketing À l’origine, le terme « remarketing » faisait référence à des e-mails qui réengagent les clients actuels. Par exemple, un e-mail d’Amazon recommandant des produits similaires à ceux que vous avez consultés ou achetés. Un autre exemple de remarketing serait un e-mail vous rappelant un article que vous avez laissé dans votre panier sur une boutique en ligne. Cette méthode est considérée comme l’une des meilleures tactiques de remarketing. La tactique de remarketing la plus efficace est la notification de la mise en vente d’un article qu’une personne a consulté en ligne. Retargeting Les annonces reciblées se présentent sous la forme d’annonces en ligne ou de placement. Elles sont diffusées chaque fois qu’une personne visite un site, et des cookies sont créés. Ces cookies permettent au site de suivre cette personne dans ses autres recherches sur Internet. Au fur et à mesure de ses recherches sur le web, la personne verra des publicités de ce site sur tous les autres sites qu’elle visite. Il existe 5 méthodes de reciblage basées sur le ciblage : Une personne en fonction de ses recherches sur Internet Ceux qui consomment un contenu similaire à celui de vos clients actuels Toute personne qui a interagi avec votre contenu diffusé (page Facebook, publicité, vidéo) Les personnes qui ont visité des sites similaires au vôtre Ceux qui ont interagi avec vos emails (ouverture de la newsletter) Remarketing vs. Retargeting : Différences La principale différence entre le remarketing et le reciblage est leur plateforme. Le remarketing repose sur l’e-mail ; le reciblage repose sur les cookies Internet. Mais si les deux termes sont utilisés de manière interchangeable en raison de leur objectif similaire, il existe une autre raison pour laquelle ils sont plus que jamais confondus. Le remarketing a évolué depuis sa définition d’origine pour devenir un terme spécifique à Google, qui fait référence à ses annonces Google AdWords. Le remarketing a désormais deux significations : le « remarketing » par e-mail et Google AdWords. En raison de la confusion potentielle, les spécialistes du marketing qui comprennent ces termes sont susceptibles d’éviter le terme remarketing en général et d’utiliser uniquement « reciblage » ou « Google Adwords » Ciblez votre public avec stratégie Seuls 2 % des premiers visiteurs d’un site Web déboucheront sur une vente. Cela signifie qu’il vous incombe de ramener ces personnes vers votre entreprise pour qu’elles deviennent des clients payants. Vous pouvez le faire par le biais d’annonces en ligne, d’e-mails, de Google AdWords ou de toutes ces méthodes. Les gens ont 4 fois plus de chances d’être encouragés à acheter quelque chose plutôt que d’en être découragés si une annonce pertinente s’affiche lors d’une recherche. Parfois, ils ont simplement besoin d’un rappel pour revenir sur votre site. Gardez votre marque dans l’esprit de vos acheteurs. Et faites attention à la fréquence, au contexte et à la récurrence de chaque annonce ou e-mail pour éviter de devenir une nuisance. Si vous choisissez cette voie de marketing, veillez à associer cette technique à une bonne campagne publicitaire. Un excès peut se retourner contre vous Ceci s’applique à tous les types de reciblage, remarketing et Google AdWords. Parfois, le moins est le mieux. Si votre public voit constamment vos annonces (plus d’une ou deux par semaine), il va être frustré et agacé. Il pourrait même être légèrement effrayé par votre entreprise. Ne donnez pas aux gens l’impression d’être bombardés ou harcelés par vous. Lorsque vous créez vos annonces, veillez à ce qu’elles soient très variées et empêchez-les de devenir trop envahissantes en fixant une limite de visualisation. Si vous pratiquez déjà l’une de ces stratégies, la découverte du terme réel ne devrait pas affecter ce que vous faites. La différenciation de chacune d’entre elles va simplement renforcer la communication au sein de votre service marketing et de votre entreprise en général. Cela vous aidera à communiquer le type de publicité que vous souhaitez diffuser auprès des consommateurs désireux de devenir vos clients. Et à ce stade, précisez toujours aux membres de votre équipe si vous parlez de remarketing par e-mail ou de remarketing Google Adwords. Pour l’instant, le remarketing par e-mail n’a pas de terme officiel pour se distinguer de Google. Êtes-vous prêt à lancer votre propre forme de reciblage ou de remarketing ? Contactez-nous dès aujourd’hui pour discuter d’un plan.

Comment créer un clone de Wordle en JavaScript

20 mars 2022 par Maël

Dans cet article, vous allez recréer le jeu de devinette Wordle. Cet article couvre la logique de base du jeu mais n’implémente pas le partage de vos résultats. L’article ne couvre pas non plus la fonctionnalité qui génère les statistiques du jeu. Ce tutoriel est destiné aux développeurs frontaux débutants qui souhaitent créer un projet JavaScript amusant et simple. Conditions préalables Ce tutoriel suppose une compréhension de base de.. : Comment construire le clone de Wordle Voici les étapes à suivre pour créer le clone de Wordle : Configuration du projet Création du plateau de jeu Création du clavier à l’écran Accepter les entrées de l’utilisateur Ajout de notifications Faire en sorte que le clavier à l’écran génère des entrées Ajout d’une animation Configuration du projet Avant de construire le jeu, vous devez mettre en place certains composants. Tout d’abord, vous devez créer un dossier pour tout le code source de notre clone. Appelez ce dossier « build ». Après avoir fait cela, configurez votre serveur de développement. Serveur réel Vous allez utiliser un serveur de développement appelé live-server. Cette étape est facultative, mais elle vous évite de devoir recharger la page après chaque modification du code source. Installez live-server en tapant ce qui suit dans votre terminal : npm install live-server HTML Setup Dans le build, créez un fichier HTML et nommez-le index.html. Mettez le code suivant dans ce fichier : Clone de Wordle Le code HTML crée un en-tête pour notre jeu et crée le conteneur pour le plateau de jeu. Vous allez utiliser une bibliothèque JavaScript appelée Toastr pour les notifications dans le jeu et une bibliothèque CSS appelée Animate.css pour les animations du plateau. Pour les inclure dans votre projet, ajoutez les liens suivants à l’en-tête de votre fichier index.html. Ces liens récupèreront les CSS pour Animate.css et Toastr. Placez le code suivant dans index.html, juste avant la balise de fermeture body : Ce code récupérera le JavaScript de Toastr et de jQuery (car Toastr en dépend). Configuration du JavaScript Votre JavaScript sera placé dans un fichier appelé script.js. Créez script.js, et placez-le dans build. Placez ce code en haut de script.js : importez { WORDS } de « ./words.js » ; const NUMBER_OF_GUESSES = 6 ; let guessesRemaining = NUMBER_OF_GUESSES ; let currentGuess = [] ; let nextLetter = 0 ; let rightGuessString = MOTS[Math.floor(Math.random() * MOTS.length)] console.log(rightGuessString) Cet extrait de code initialise les variables globales que nous utiliserons pour notre jeu et choisit un mot aléatoire dans le tableau WORDS comme bonne réponse pour ce tour. Nous enregistrons également la bonne réponse dans la console, afin de déboguer notre code si nécessaire. La liste des mots autorisés que nous utiliserons sera codée en dur et stockée dans un tableau dans le fichier words.js. Créez words.js, dans build, et copiez le JavaScript de ce lien dans ce fichier. Words.js devrait ressembler à ceci : à quoi devrait ressembler words.js Configuration du CSS Nommez votre fichier CSS style.css. Style.css doit également être placé dans build. h1 { text-align : center ; } La seule configuration CSS dont nous avons besoin est un peu de code pour centrer le texte de notre en-tête Mise en place de l’ensemble Enfin, liez script.js en tant que module dans votre index.html, puis liez style.css. À ce stade, votre index.html devrait ressembler à ceci : Clone de Wordle et votre structure de fichiers devrait ressembler à ceci : capture d’écran de l’arborescence des fichiers Démarrez live-server en tapant ceci dans votre console : construction du serveur en direct C’est tout pour la configuration. Comment créer le plateau de jeu Vous allez créer le plateau de jeu en écrivant une fonction JavaScript. Appelons cette fonction initBoard. Ajoutez ce code à votre fichier script.js : function initBoard() { let board = document.getElementById(« game-board ») ; for (let i = 0 ; i < NUMBER_OF_GUESSES ; i++) { let row = document.createElement(« div ») row.className = « letter-row » (rangée de lettres) for (let j = 0 ; j < 5 ; j++) { let box = document.createElement(« div ») box.className = « boîte aux lettres » row.appendChild(box) } board.appendChild(row) } } initBoard() Que fait ce code ? initBoard crée une ligne pour chaque réponse donnée à l’utilisateur et crée 5 cases pour chaque ligne. Il y a une case pour chaque lettre de la réponse, et la fonction les rend toutes enfants de la ligne. initBoard ajoute ensuite chaque ligne au conteneur du tableau. Chaque ligne reçoit la classe letter-row, et chaque boîte reçoit la classe letter-box. Ensuite, vous allez styliser le tableau à l’aide de CSS. Placez le code suivant dans votre fichier style.css : #game-board { display : flex ; align-items : center ; flex-direction : column ; } .letter-box { border : 2px solid gray ; border-radius : 3px ; margin : 2px ; font-size : 2.5rem ; font-weight : 700 ; hauteur : 3rem ; width : 3rem ; display : flex ; justify-content : center ; align-items : center ; text-transform : uppercase ; } .filled-box { border : 2px solid black ; } .letter-row { affichage : flex ; } Ce CSS fait plusieurs choses : centre les rangées du tableau horizontalement et verticalement définit une hauteur, une largeur et une bordure pour chaque case du tableau crée un aspect distinct pour une case remplie d’une lettre A ce stade, lorsque vous chargez le fichier index.html dans votre navigateur, il devrait ressembler à ceci : capture d’écran du jeu Comment créer le clavier à l’écran La façon la plus simple de créer le clavier est d’utiliser le HTML. Ajoutez ce code à votre index.html, après le div du plateau de jeu : q w e r t y u i o p a s d f g h j k l Del z x c v b n m Entrez Maintenant, donnez du style au balisage en ajoutant ce CSS à la fin de style.css : #keyboard-cont { margin : 1rem 0 ; display : flex ; flex-direction : column ; align-items : center ; } #keyboard-cont div { display … Lire la suite

JavaScript Uppercase – Comment mettre une chaîne en majuscules en JS avec .toUpperCase

20 mars 2022 par Maël

Lorsque vous travaillez avec des chaînes de caractères en JavaScript, vous pouvez effectuer différentes opérations sur celles-ci. Les opérations que vous pouvez effectuer sur les chaînes de caractères incluent la capitalisation, la conversion en minuscules, l’ajout de symboles dans les mots, et bien d’autres encore. Dans cet article, je vais vous montrer comment convertir une chaîne de caractères en lettres majuscules avec la méthode .toUpperCase(). Syntaxe de base de la méthode .toUpperCase() Pour utiliser la méthode .toUpperCase(), affectez la chaîne de caractères que vous souhaitez mettre en majuscules à une variable, puis ajoutez .toUpperCase() à cette variable. Comment mettre une chaîne en majuscules avec la méthode .toUpperCase() Comme nous l’avons déjà dit, vous pouvez assigner une chaîne de caractères à une variable, puis utiliser la méthode .toUpperCase() pour la mettre en majuscule const name = « freeCodeCamp » ; const uppercase = name.toUpperCase() ; console.log(uppercase) ; // Sortie : FREECODECAMP Vous pouvez également écrire une fonction et y inclure la méthode .toUpperCase(), afin que le paramètre indiqué soit mis en majuscule lorsque la fonction est appelée. function changeToUpperCase(founder) { return founder.toUpperCase() ; } // appel de la fonction const result = changeToUpperCase(« Quincy Larson ») ; // impression du résultat sur la console console.log(résultat) ; // Sortie : QUINCY LARSON Dans le script ci-dessus : J’ai défini une fonction nommée changeToUpperCase avec un placeholder de founder avec l’instruction de retour dans la fonction, j’ai dit à la fonction que ce que je veux qu’elle fasse, c’est changer en majuscules tous les paramètres que je spécifie lorsque je l’appelle J’ai ensuite assigné l’appel de fonction – changeToUpperCase à une variable nommée resultat à l’aide de cette variable, j’ai pu imprimer le résultat de la fonction sur la console Conclusion Vous pouvez utiliser la méthode .toUpperCase(), connue sous le nom de String.prototype.toUpperCase(), lorsque vous devez mettre les chaînes en majuscules dans vos projets JavaScript. Si vous trouvez cet article utile, veuillez le partager avec vos amis et votre famille.

Les meilleurs plugins Webstorm pour un codage efficace

20 mars 2022 par Maël

En tant que développeur de logiciels, j’utilise une variété de plugins qui me facilitent la vie lorsqu’il s’agit d’éviter les erreurs et de coder plus efficacement. Si ces techniques d’économie de temps et d’efforts peuvent sembler négligeables en tant que telles, lorsqu’elles sont cumulées, elles peuvent vraiment faire la différence. Dans cet article, je vais partager avec vous mes plugins WebStorm préférés pour les développeurs JavaScript et les raisons pour lesquelles je les utilise. Rainbow Brackets Parce que qui n’a jamais passé du temps à essayer de comprendre quelles parenthèses sont les unes des autres ? Lorsque je travaille sur des projets JavaScript, j’imbrique souvent les parenthèses les unes dans les autres, ce qui donne quelque chose qui ressemble à ceci : Pas de crochets arc-en-ciel Il devient très difficile de suivre la portée de certaines fonctions, surtout lorsque vous voulez en supprimer. Avec les parenthèses arc-en-ciel, vous pouvez voir visuellement ce qui se passe dans votre code, lorsqu’il s’agit de délimiter la portée des fonctions. En fait, les crochets arc-en-ciel ne fonctionnent pas seulement avec les crochets, mais aussi avec les parenthèses, ce qui permet de repérer facilement des éléments comme le mapping dans les projets React. Des crochets arc-en-ciel ! En savoir plus sur les parenthèses arc-en-ciel ici. Tabnine Tabine est mon plugin préféré depuis un certain temps maintenant. J’aime l’utiliser pour sa complétion de texte précise qui m’a littéralement prédit des lignes entières de code que je peux choisir d’accepter d’une simple pression de touche. Tabnine prédisant des extraits de code en fonction de mes habitudes de codage Il y parvient grâce à ses algorithmes de codage prédictif pilotés par l’IA. Lorsqu’il est activé, Tabnine apprend en fait de vos habitudes de codage et des projets sur lesquels vous travaillez, de sorte qu’il peut prédire avec précision ce que vous allez taper ensuite. J’utilise actuellement Tabnine avec mon IDE Webstorm pour les projets JavaScript. Mais il est également disponible dans plus de 30 langues et pour 21 IDE et éditeurs de code. Pour en savoir plus ici. CSV C’est un outil intéressant si vous travaillez avec des fichiers CSV. Le plugin CSV traite le CSV, ou « valeurs séparées par des virgules », comme son propre langage dans les IDE de JetBrains. Cela signifie qu’il a sa propre définition syntaxique, ses éléments de langage structurés et les types de fichiers associés, tels que .csv, .tsv et .psv. Ce plugin nous permet de le traiter comme n’importe quel autre code dans l’éditeur, les erreurs étant mises en évidence pour nous. Voici une liste complète du support que vous obtiendrez : Détection des fichiers CSV/TSV/PSV éditeur de tableaux flexible éditeur de texte personnalisable coloration des colonnes personnalisable commentaire de ligne personnalisable validation syntaxique mise en évidence de la syntaxe (personnalisable) mise en forme du contenu (personnalisable) contrôles rapides intentions (Alt+Entrée), par exemple Citation/Décitation (tout), Décalage de colonne gauche/droite vue de la structure (mise en page de l’en-tête et des entrées) prise en charge de ‘,’, ‘;’, ‘:’, ‘|’ et ‘↹’ comme séparateur de valeur prédéfini support pour les séparateurs de valeurs librement définis support des commentaires de ligne (# par défaut, personnalisable) mise en évidence des valeurs des colonnes actives mise en évidence du séparateur de tabulation (↹) A quoi ressemble un fichier .csv lorsqu’il est ouvert dans Webstorm, avec le plugin CSV. En savoir plus sur CSV ici. Il existe aussi le CSV arc-en-ciel, si vous voulez ajouter un peu de couleur à votre vie ! Manipulation de chaînes de caractères Le plugin String Manipulation vous permet de formater instantanément des chaînes de caractères avec une variété d’options intégrées. Ainsi, par exemple, si vous voulez changer un groupe de chaînes surlignées en camelCase, vous pouvez le faire instantanément. Mais ce n’est que la partie émergée de l’iceberg. Vous pouvez trier les chaînes de caractères, les filtrer ou même les trier en fonction de la casse ! Cet outil est un énorme gain de temps lorsqu’il s’agit de mettre de l’ordre dans le code. Avant la manipulation des chaînes Après la manipulation des chaînes de caractères ! Si soigné et ordonné en un clic ! La liste des fonctionnalités est trop longue, alors au lieu de la coller ici, vous pouvez la consulter sur le site web ici. Prettier De tous les plugins mentionnés, Prettier est celui que j’utilise depuis le plus longtemps, et j’oublie parfois qu’il fait partie intégrante de mes activités quotidiennes en tant que développeur. Prettier prend votre code tel que vous l’avez écrit, et fournit une standardisation et une cohérence. En fait, si tout le monde utilisait Prettier, alors tout notre code suivrait exactement les mêmes directives – hourra pour la cohérence ! Il le fait en n’offrant pas des tas et des tas d’options à l’utilisateur comme ESLint. Si vous le voulez vraiment, vous pouvez le changer, mais cela irait à l’encontre de son objectif. Avant plus joli Ici vous pouvez voir Prettier au travail. Il a pris du code et a fait en sorte que toutes les lignes de code aient une longueur inférieure à 60 caractères. Si une ligne dépasse cette limite, elle est placée sur une nouvelle ligne séparée. Il ajoute également des points-virgules si vous le souhaitez, et s’assure que tous les guillemets sont cohérents. Après Prettier Voilà, c’est beaucoup plus « joli » ! (geddit ?) Prettier est en fait déjà fourni avec WebStorm, donc vous n’avez même pas besoin de l’installer pour l’utiliser.

10 React Interview Questions You Should Know in 2022

20 mars 2022 par Maël

Feel confident about your React knowledge? Put it to the test! I have selected all of the major questions you should know as a React developer in 2022, whether you are interviewing for a hired position or not. These questions cover everything from the core concepts of React to a practical understanding of when you should use certain features. To get the best results out of this guide, make sure to try to answer each question yourself before looking at the answers. Let’s get started! Want the #1 resource to become a hired React developer? Become a React pro in 4-5 weeks with the React Bootcamp. 1. What is React? Why Use It? React is a JavaScript library, not a framework. We use React because it gives us all the power of JavaScript, but with built-in features that improve the way we build and think about building applications. It gives us a way to easily create user interfaces with tools like JSX It gives us components to easily share parts of our user interface (UI), which static HTML itself cannot do It allows us to create reusable behavior across any of our components with React hooks React takes care of updating our UI when our data changes, without the need to update the DOM manually ourselves Extra Credit: There are frameworks in React that give you everything you need to build an app (with little to no third-party libraries), like Next.js and Gatsby. React was created for building single-page apps in particular, but you can make everything from static sites to mobile apps with the same React concepts. 2. What is JSX? JSX is a way of building React user interfaces that uses the simple syntax of HTML, but adds the functionality and dynamic nature of JavaScript. In short, it is HTML + JavaScript for structuring our React apps. Though JSX looks like HTML, under the hood it is actually JavaScript function calls. If you write a div in JSX, it’s actually the equivalent of calling React.createElement(). We can build our user interfaces by manually calling React.createElement, but as we add more elements, it becomes harder and harder to read the structure we have built. The browser cannot understand JSX itself, so we often use a JavaScript compiler called Babel to convert what looks like HTML into JavaScript function calls that the browser can understand. 3. How do you pass data to React components? There are 2 main ways of passing data to React components: Props Context API Props are data passed from a component’s immediate parent. Props are declared on the child component, can be named anything, and can accept any valid value. function Blog() { const post = { title: « My Blog Post! » }; return ; } Props are consumed within the child component. Props are always available within the child as properties on an object. function BlogPost(props) { return {props.post.title} } Since props are plain object properties, they can be destructured for more immediate access. function BlogPost({ post }) { return {post.title} } Context is data passed from a context provider to any component that consumes the context. Context allows us to access data anywhere in our app (if the provider is passed around the entire component tree), without using props. Context data is passed down on the value prop using the Context.Provider component. It can be consumed using the Context.Consumer component or the useContext hook. import { createContext, useContext } from ‘react’; const PostContext = createContext() function App() { const post = { title: « My Blog Post! » }; return ( ); } function Blog() { return } function BlogPost() { const post = useContext(PostContext) return {post.title} } 4. What is the difference between state and props? States are values we can read and update in our React components. Props are values that are passed to React components and are read only (they should not be updated). You can think of props as being similar to arguments for a function that exist outside of our components, while state are values that change over time, but exist and are declared inside our components. State and props are similar in that changes to them cause the components in which they exist to re-render. 5. What are React Fragments used for? React fragments are a special feature in React that let you write group children elements or components without creating an actual node in the DOM. The fragment syntax looks like an empty set of tags <> or are tags labeled React.Fragment. In simpler terms, sometimes we need to put multiple React elements under a single parent, but we don’t want to use a generic HTML element like a div. If you are writing a table, for example, this would be invalid HTML: function Table() { return ( ); } function Columns() { return ( Column 1 Column 2 ); } We could avoid this problem by using a fragment instead of a div element in our Columns component. function Columns() { return ( <> Column 1 Column 2 ); } Another reason for choosing a fragment is that sometimes adding an additional HTML element may change the way our CSS styles are applied. 6. Why do we need keys for React lists? Keys are a unique value that we must pass to the key prop when we are using the .map() function to loop over an element or a component. If we are mapping over an element, it would look like this: posts.map(post => {post.title} ) Or like this if we are mapping over a component: posts.map(post => {post.title} ) And in both case, we need to add a key that is a unique value, otherwise React will warn us. Why? Because keys tell React which element or component is which in a list. Otherwise, if we were to try to change items in this list by inserting more or editing them in some way, React wouldn’t know the order to put them in. This is because React … Lire la suite

Comment gérer l’état dans vos applications React

20 mars 2022 par Maël

La gestion de l’état dans vos applications React n’est pas aussi simple que l’utilisation de useState ou useReducer. Non seulement il existe de nombreux types d’états différents, mais il y a souvent des dizaines de façons de gérer chaque type. Laquelle choisir ? Dans ce guide, nous allons découvrir les différents types d’état dans vos applications React dont vous n’avez peut-être pas conscience, ainsi que la façon de les gérer de la manière la plus efficace. Les quatre types d’états React à gérer Lorsque nous parlons d’état dans nos applications, il est important d’être clair sur les types d’état qui comptent réellement. Il existe quatre principaux types d’état que vous devez gérer correctement dans vos applications React : État local État global État du serveur État de l’URL Nous allons couvrir chacun d’entre eux en détail : État local (UI) – L’état local est constitué de données que nous gérons dans l’un ou l’autre des composants. L’état local est le plus souvent géré dans React à l’aide du hook useState. Par exemple, l’état local serait nécessaire pour afficher ou masquer un composant modal ou pour suivre les valeurs d’un composant de formulaire, comme la soumission du formulaire, lorsque le formulaire est désactivé et les valeurs des entrées d’un formulaire. État global (UI) – L’état global est constitué des données que nous gérons sur plusieurs composants. L’état global est nécessaire lorsque nous voulons obtenir et mettre à jour des données n’importe où dans notre application, ou du moins dans plusieurs composants. Un exemple courant d’état global est l’état de l’utilisateur authentifié. Si un utilisateur est connecté à notre application, il est nécessaire d’obtenir et de modifier ses données dans toute l’application. Parfois, un état que nous pensons devoir être local peut devenir global. État du serveur – Données provenant d’un serveur externe qui doivent être intégrées à l’état de notre interface utilisateur. L’état du serveur est un concept simple, mais il peut être difficile à gérer parallèlement à tous les états locaux et globaux de l’interface utilisateur. Plusieurs éléments d’état doivent être gérés chaque fois que vous récupérez ou mettez à jour des données provenant d’un serveur externe, notamment l’état de chargement et d’erreur. Heureusement, il existe des outils tels que SWR et React Query qui facilitent la gestion de l’état du serveur. État de l’URL – Données qui existent sur nos URL, y compris le nom du chemin et les paramètres de la requête. L’état de l’URL est souvent absent en tant que catégorie d’état, mais c’est une catégorie importante. Dans de nombreux cas, beaucoup de parties importantes de notre application dépendent de l’accès à l’état de l’URL. Essayez d’imaginer la construction d’un blog sans pouvoir récupérer un article à partir de son slug ou de son id qui se trouve dans l’URL ! Il existe sans aucun doute d’autres éléments d’état que nous pourrions identifier, mais ce sont les principales catégories sur lesquelles il convient de se concentrer pour la plupart des applications que vous construisez. Comment gérer l’état local dans React L’état local est peut-être le type d’état le plus facile à gérer dans React, étant donné qu’il existe de nombreux outils intégrés à la bibliothèque React de base pour le gérer. useState est le premier outil que vous devriez utiliser pour gérer l’état de vos composants. Il peut accepter toute valeur de données valide, y compris les valeurs primitives et les valeurs d’objet. De plus, sa fonction setter peut être transmise à d’autres composants en tant que fonction de rappel (sans nécessiter d’optimisations comme useCallback). import { useState } de « react » ; function Layout() { const [isSidebarOpen, setSidebarOpen] = useState(false) ; return ( <> setSidebarOpen(false)} /> {/* … */} ) ; } useReducer est une autre option qui peut être utilisée pour l’état local ou global. Elle est similaire en de nombreux points à useState, mais au lieu d’un état initial, elle accepte un réducteur. L’avantage de useReducer est qu’il fournit un moyen intégré d’effectuer un certain nombre d’opérations d’état différentes avec l’aide de la fonction reducer, ce qui le rend globalement plus dynamique que useState. Vous pouvez voir l’avantage de useReducer par rapport à useState dans cet exemple de suivi des votes. Tout ce que nous avons à faire pour mettre à jour l’état est de passer à la fonction de rappel dispatch une chaîne (qui est ensuite passée au reducer) au lieu du nouvel état lui-même. const initialState = { votes : 0 } ; function reducer(state, action) { switch (action.type) { cas ‘upvote’ : return {votes : state.votes + 1} ; cas ‘downvote’ : retourne {votes : state.votes – 1} ; par défaut : lancer une nouvelle erreur() ; } } function VoteCounter() { const [state, dispatch] = useReducer(reducer, initialState) ; retour ( <> Votes actuels : {Etat.votes} dispatch({type : ‘upvote’})}>Upvote envoi({type : ‘downvote’})}>Downvote ) ; } Comment gérer l’état global dans React Lorsque vous tentez de gérer l’état de plusieurs composants, les choses se compliquent un peu. Vous atteindrez un point dans votre application où des modèles comme « lever l’état vers le haut » et passer des callbacks vers le bas pour mettre à jour votre état à partir des composants conduisent à beaucoup, beaucoup de props. Que faites-vous si vous voulez mettre à jour l’état d’un composant depuis n’importe quel endroit de votre application ? Vous le transformez en état global. Pour le gérer, cependant, vous devez opter pour une solution tierce. De nombreux développeurs ont tendance à utiliser les fonctionnalités intégrées de React, comme l’API Contexte, pour gérer leur état. Soyons clairs : l’API Contexte n’est pas une solution de gestion d’état. Elle permet d’éviter des problèmes comme le forage de props (création d’un tas de props dans des composants qui n’en ont pas besoin), mais elle n’est utile que pour lire l’état, pas pour le mettre à jour. La raison de ne pas utiliser Context pour la gestion globale de l’état réside dans la façon dont il fonctionne. Le comportement par défaut de Context est de rendre à nouveau tous … Lire la suite

reussirsaboutiqueenligne

Reussirsaboutiqueenligne

Comment faire des achats en ligne en toute sécurité

Comment faire des achats en ligne en toute sécurité

Comment faire une capture d’écran sur chromebook ?

Quels sont les alternatives à Calendly ?

Découvrir la vérité sur le remarketing et le reciblage

Comment créer un clone de Wordle en JavaScript

JavaScript Uppercase – Comment mettre une chaîne en majuscules en JS avec .toUpperCase

Les meilleurs plugins Webstorm pour un codage efficace

10 React Interview Questions You Should Know in 2022

Comment gérer l’état dans vos applications React

Tenez-vous au courant de nos derniers blogs

Reussirsaboutiqueenligne

Liens utiles

Article préféré