À propos de webmaster@shenron.fr

Cet auteur n'a pas encore renseigné de détails.
Jusqu'à présent webmaster@shenron.fr a créé 21 entrées de blog.

React : Intégration d’Axios dans React

2024-04-16T00:53:00+02:00

React : Authentification et Context Introduction Dans ce tutoriel, nous allons apprendre comment intégrer une authentification sécurisée dans une application React utilisant une API Laravel équipée de Sanctum pour la gestion des sessions et des tokens. Nous couvrirons la récupération du token de session, son stockage, l'utilisation pour des requêtes authentifiées, et finalement sa gestion à la déconnexion.Lorsque vous travaillez avec React, choisir le bon outil pour gérer les requêtes HTTP est crucial pour la performance et la maintenabilité de votre application. Cet article détaille pourquoi et comment réaliser l'intégration d'Axios dans React, offrant une comparaison [...]

React : Intégration d’Axios dans React2024-04-16T00:53:00+02:00

React : Gérer l’Authentification avec localStorage

2024-04-16T10:06:13+02:00

React : Authentification et Context Introduction Authentification avec localStorage Dans notre précédent tutoriel, nous avons appris à utiliser le Context API de React pour gérer l'état d'authentification. Cependant, nous avons remarqué que l'état est perdu lorsqu'on rafraîchit la page. Pour résoudre ce problème, nous allons explorer comment utiliser localStorage pour persister l'état d'authentification entre les sessions. Nous comparerons également localStorage avec les cookies et sessionStorage, et nous verrons comment implémenter un token qui expire après un temps défini. Pourquoi utiliser localStorage pour l'authentification ? localStorage offre une manière simple de stocker [...]

React : Gérer l’Authentification avec localStorage2024-04-16T10:06:13+02:00

React : Authentification et Context 

2024-04-16T00:38:58+02:00

React : Authentification et Context Introduction Bienvenue dans ce tutoriel complet où nous explorerons comment construire une application React moderne avec un système d'authentification intégré en utilisant la Context. Ce guide est idéal pour les développeurs qui souhaitent apprendre à gérer l'état global de l'authentification de manière efficace et sécurisée. Nous aborderons la création d'un contexte d'authentification, le développement de composants pour la connexion et la déconnexion, et la mise en place de routes protégées avec React Router. Que vous soyez débutant en React ou que vous cherchiez à approfondir vos connaissances sur le contexte et [...]

React : Authentification et Context 2024-04-16T00:38:58+02:00

React : Créer un projet React avec Docker

2024-04-12T21:03:32+02:00

Créer un projet React avec Docker Bienvenue dans notre tutoriel express sur la création d’une image docker de React (pas de back pour votre front react ?  pas de panique on a  fait un tuto ici  pour la création d’un back sous docker avec un projet laravel ). Apprenez rapidement comment créer votre propre image docker, comment gérer les différents layer, et comprendre les subtilités de la création d’une image docker pour un projet ReactJS. Ce guide vous équipe pour créer votre ReactJS portable et vous permet d'affiner vos compétences devops ! Comprendre les fondamentaux – [...]

React : Créer un projet React avec Docker2024-04-12T21:03:32+02:00

React : Installer React et Optimiser la Navigation

2024-04-12T21:20:19+02:00

React : Installer React et Optimiser la Navigation Introduction Dans ce tutoriel, nous allons installer Reactet  effectuerons une configuration basique des outils React sur notre ordinateur local, et nous créerons une application pour démarrer simplement, en apprenant au passage les bases du fonctionnement de React. Objectifs: Créer un projet React Installer React Installer React Router Créer des composants Prérequis: Être familiarisé avec les langages HTML, CSS, et JavaScript et avoir des connaissances sur  la  ligne de commande/du terminal. Node.js et npm (Node Package Manager) doivent être installés sur votre système. Vous pouvez les télécharger et les [...]

React : Installer React et Optimiser la Navigation2024-04-12T21:20:19+02:00

Laravel 10 : Créer des rôles et des permissions

2024-03-22T02:56:17+02:00

Laravel 10 : Créer des rôles et des permissions Introduction Dans cette application Laravel 10, nous avons déjà mis en place une API REST fonctionnelle avec des utilisateurs. Laravel 10 : Créer une API REST Laravel 10 : Inscription et connexion sécurisées Cependant, pour garantir la sécurité et le contrôle d'accès à notre API, il est crucial de mettre en place un système de gestion des rôles et des permissions. Ce tutoriel vous guidera pas à pas dans l'implémentation d'un tel système en utilisant le package spatie/laravel-permission. Objectifs: Créer des modèles Role et Permission. Définir les relations entre les [...]

Laravel 10 : Créer des rôles et des permissions2024-03-22T02:56:17+02:00

Laravel 10 : Créer son image docker laravel

2024-03-22T08:45:51+02:00

Crée son image docker laravel Bienvenue dans notre tutoriel express sur la création d’une image docker de Laravel (pour un rappel sur ce qu’est laravel, on a fait un tuto ici). Apprenez rapidement comment créer votre propre image docker, comment gérer les différents layer, et comprendre les subtilités de la création d’une image docker. Ce guide vous équipe pour créer une api laravel portable et vous fait entrer dans le grand bain du devops ! Comprendre les fondamentaux – Familiarisez-vous avec les bases de docker, la containerisation et ses images. Prérequis – Découvrez ce dont vous [...]

Laravel 10 : Créer son image docker laravel2024-03-22T08:45:51+02:00

Laravel 10 : Laravel avec docker compose

2024-04-11T23:44:52+02:00

Laravel avec docker compose Bienvenue dans notre tutoriel express sur l’automatisation d’un écosystème de conteneur pour votre API REST Laravel via docker compose. Apprenez rapidement comment créer votre stack de conteneur via docker-compose, comment gérer la syntaxe du YAML, et comprendre les subtilités docker. Ce guide vous équipe pour créer un stack API REST laravel avec un SGBD ainsi qu'une WebUI pour votre base de données et vous fait entrer dans le grand bain du devops ! Comprendre les fondamentaux – Familiarisez-vous avec les bases de docker,docker-compose et le YAML. Prérequis – Découvrez ce dont vous [...]

Laravel 10 : Laravel avec docker compose2024-04-11T23:44:52+02:00

Laravel 10 : Inscription et connexion sécurisées

2024-03-28T00:05:27+02:00

Laravel 10 : Inscription et connexion sécurisées Ce tutoriel complet vous guide pas à pas dans la création d'un système d'inscription et de connexion sécurisé pour votre API Laravel en utilisant Laravel 10 et Sanctum, avec la validation de la confirmation du mot de passe intégrée au processus d'inscription. Sanctum est un package Laravel officiel qui facilite la création d'API sécurisées. Il offre une solution simple pour l'authentification des utilisateurs et la gestion de token. Ce tutoriel s'appuie sur le tutoriel précédent Laravel 10 : Créer une API REST. Assurez vous de l'avoir suivi avant de commencer. [...]

Laravel 10 : Inscription et connexion sécurisées2024-03-28T00:05:27+02:00

Installer votre environnement de développement web

2024-04-11T23:45:04+02:00

Installer votre environnement de développement web Introduction Le développement web est un domaine passionnant qui permet de créer des sites web, des applications web et des services web. Pour pouvoir développer des sites web, vous avez besoin d'un environnement de développement. Un environnement de développement web est un ensemble de logiciels qui vous permettent de créer, de tester et de déployer des sites web. Il comprend généralement un serveur Web, un langage de programmation, un système de gestion de bases de données et d'autres outils nécessaires au développement web. Dans ce tutoriel, vous apprendrez à [...]

Installer votre environnement de développement web2024-04-11T23:45:04+02:00
Aller en haut