Believemy

Développement web : React et Next.js

HTML, CSS, JavaScript, React, Next.js, Git : des tutoriels pas à pas pour construire votre site ou votre outil vous-même.

Comment gérer ses formulaires simplement dans React ?

Les formulaires sont des éléments essentiels des applications web interactives. Apprenez à maîtriser les inputs contrôlés et non contrôlés pour offrir une expérience utilisateur fluide. Découvrez les meilleures pratiques pour une gestion simplifiée.

Respecter les principes SOLID avec React

Les principes SOLID sont un ensemble de cinq concepts fondamentaux en programmation. Ils sont majoritairement appliqués en POO (Programmation Orienté Objet). On peux également les appliquer ailleurs. Ils sont indispensables en architecture logiciel. Pour vous présenter ces principes, j'ai fait le choix d'utiliser Javascript plutôt que Typescript pour ne pas alourdir les exemples. Nous allons appliquer ces principes à travers une simple "Todo List".

Mettre en place la revalidation sur-demande avec NextJS

Si vous êtes développeur web, vous savez sûrement à quel point il est important d'avoir un site rapide et réactif pour offrir une expérience utilisateur optimale. Dans cet article, nous allons vous présenter comment mettre en place la revalidation sur-demande avec NextJS, une fonctionnalité qui permet de rafraîchir les données de votre site uniquement lorsque cela est nécessaire. Grâce à cette méthode, vous pourrez économiser des ressources et améliorer la performance de votre site web, tout en offrant des données à jour à vos utilisateurs.

Mettre en place un loader au changement d'une page Nextjs

Avez-vous déjà été sur un site où vous cliquez sur un lien et rien ne se passe ? Ou peut-être vous êtes-vous demandé si votre demande a bien été reçue ? C'est ici que la mise en place d'un loader entre en jeu. Dans cet article, nous allons vous expliquer pourquoi il est important d'avoir un loader sur votre site web, comment le mettre en place dans votre projet Nextjs et créer une fonction qui permettra d'afficher le loader tant que la page n'est pas chargée. Si vous souhaitez améliorer l'expérience utilisateur sur votre site web et rassurer vos visiteurs, cet article est pour vous.

Envoyer un email avec NextJS et SendGrid gratuitement

Vous avez toujours souhaité envoyer des emails avec JavaScript ? Ou plus précisément, comment envoyer des emails avec React voir NextJS ? Alors découvrons ensemble comment utiliser SendGrid ! Il s'agit d'une solution facile et rapide à mettre en place, qui nous permettra de s'assurer que nos emails soient envoyés et le plus important : qu'ils soient bien réceptionnés.

Créer un prévisualisateur de markdown avec React

Réaliser un véritable prévisualisateur de markdown avec React, et surtout, le faire correctement, demande une véritable concentration ! Heureusement, avec un peu d'aide chacun peut y arriver. Voici quelques astuces pour réaliser votre propre prévisualisateur de markdown !

Quand mettre des parenthèses avec React ?

Mettre des parenthèses ou ne pas en mettre... Voilà un sujet qui peut sembler bien compliqué lorsque nous débutons avec React ! Découvrons ensemble quand en mettre et quand ne jamais en mettre.

Quelles différences entre les "props" et le "state" avec React ?

Props... Propriétés... State... État... Au début, c'est toujours un peu... étrange ! Pour éviter d'avoir le moindre doute, faisons un petit récapitulatif des différences entrre les props et le state avec React.

Composant par classe VS Composant par fonction avec React

Vous vous êtes toujours demandé la différence entre un composant utilisant une classe et un composant sous forme de fonction avec React ? Cet article récapitulatif est fait pour vous !