Article original : Learn the Basics of Go by Building a Full Stack Web App with React and Go

Go peut très bien fonctionner en backend pour un projet React. Nous venons de publier un cours sur la chaîne freeCodeCamp.org qui vous apprendra à construire une application web full stack avec React et Go. Ce cours complet est conçu pour vous enseigner les fondamentaux de Go tout en vous guidant à travers la création d'une application web full stack. Tout au long du cours, vous travaillerez avec une variété de technologies modernes, y compris React, TypeScript, MongoDB, TanStack Query et ChakraUI.

Dans ce cours basé sur un projet, vous construirez une application web entièrement fonctionnelle avec des fonctionnalités de Create, Read, Update et Delete (CRUD) pour les todos. L'application disposera d'une interface utilisateur stylée avec des modes clair et sombre, garantissant un design réactif qui s'affiche parfaitement sur n'importe quelle taille d'écran. À la fin de ce cours, vous aurez une solide compréhension de Go et React, ainsi qu'une expérience pratique de l'intégration de divers outils et bibliothèques modernes.

Go, également connu sous le nom de Golang, est un langage de programmation statiquement typé et compilé, conçu pour la simplicité et la performance. Vous apprendrez à configurer un projet Go, à construire des APIs et à gérer la logique côté serveur. Sur le frontend, vous utiliserez React, une bibliothèque JavaScript populaire pour construire des interfaces utilisateur, afin de créer les composants de votre application. L'utilisation de TypeScript, un sur-ensemble typé de JavaScript, vous aidera à détecter les erreurs tôt et à rendre le code plus robuste et maintenable.

Pour le stockage des données, le cours vous guidera à travers l'intégration de MongoDB, une base de données NoSQL connue pour sa flexibilité et sa scalabilité, avec vos APIs Go. Vous utiliserez également TanStack Query, un outil puissant pour gérer la récupération, la mise en cache et les mises à jour des données dans vos applications React. Cela vous aidera à gérer l'état du serveur et à garantir que votre application fonctionne efficacement. Pour créer une interface utilisateur stylée et réactive, vous utiliserez ChakraUI, une bibliothèque moderne de composants React qui fournit un ensemble de composants UI accessibles, réutilisables et composables.

Contenu du cours

Voici les sections de ce cours :

• Intro & Démo : Obtenez un aperçu du cours et voyez une démonstration du projet final.

• Comparaison avec Node.js : Comprenez les différences entre Go et Node.js et pourquoi vous pourriez choisir Go pour vos projets.

• Installation du projet : Configurez votre environnement de développement et initialisez votre projet.

• API sans base de données : Construisez les points de terminaison initiaux de l'API sans vous connecter à une base de données.

• API avec base de données : Intégrez MongoDB pour ajouter un stockage de données persistant à votre API.

• Conception de l'interface utilisateur : Concevez le frontend de votre application en utilisant React et ChakraUI.

• Consommation de l'API depuis React : Apprenez à faire des appels API depuis votre frontend React.

• Configuration pour le déploiement : Préparez votre application pour le déploiement, en vous assurant qu'elle est prête pour la production.

• Déploiement gratuit : Déployez votre application en utilisant des services d'hébergement gratuits, la rendant accessible au monde entier.

Conclusion

Que vous soyez un débutant cherchant à apprendre Go ou un développeur expérimenté souhaitant élargir vos compétences, ce cours a quelque chose pour tout le monde. Regardez le cours sur la chaîne YouTube freeCodeCamp.org (2 heures de visionnage).