4 dépôts
User interfaces built using the React library for creating single-page applications.
Distinct from React Libraries: Candidates focus on specific React libraries or components (avatars, calendars) rather than the general identity of a React-based frontend.
Explore 4 awesome GitHub repositories matching web development · React Frontends. Refine with filters or upvote what's useful.
Ce projet est un frontend vidéo basé sur React conçu comme un clone de YouTube. Il fournit une interface utilisateur pour parcourir et lire du contenu vidéo, recréant la mise en page et la navigation d'une plateforme de partage de vidéo professionnelle. L'interface est construite en utilisant Tailwind CSS pour implémenter un design web réactif. Elle se concentre sur le développement d'une mise en page de streaming vidéo, y compris l'implémentation de lecteurs vidéo, de barres latérales et d'éléments de navigation.
Provides a full user interface for browsing and playing video content built with the React framework.
Il s'agit d'une application de réseau social full stack construite en utilisant la stack MERN, composée de MongoDB, Express, React et Node.js. La plateforme est conçue pour que les utilisateurs partagent et visualisent des événements de vie personnels et des souvenirs. Le projet intègre un frontend React pour l'interface utilisateur avec un backend Node.js et Express pour gérer les requêtes API et le flux de données. Il utilise une base de données documentaire MongoDB pour stocker et récupérer les publications et souvenirs des utilisateurs. L'application implémente une API basée sur REST pour la communication entre le client et le serveur, employant une architecture d'application monopage pour la navigation et une conception d'UI basée sur les composants. Elle utilise en outre un middleware pour le traitement des requêtes et la gestion d'état côté client pour mettre à jour l'interface sans rafraîchissements de page complets.
Features a React-based frontend for interacting with the social media event feed as a single page application.
Ce projet est une ressource d'apprentissage React composée de fichiers de démarrage et de projets de référence. Elle fournit une collection de modèles de projets React full stack et d'exemples de bibliothèques de composants pour démontrer la construction d'interfaces utilisateur interactives et d'applications monopages. La ressource inclut un guide de gestion de l'état couvrant l'utilisation des hooks, des réducteurs et des fournisseurs de contexte. Elle propose des implémentations pratiques pour gérer l'état des composants locaux, synchroniser les données d'application globales et gérer les transitions d'état complexes. Le matériel couvre le développement web full stack, y compris le rendu côté serveur et l'utilisation d'actions serveur pour la gestion des formulaires. Il aborde également le routage côté client, la composition modulaire de l'interface utilisateur et l'intégration d'applications frontend avec des bases de données et des services d'authentification externes.
Builds interactive single-page applications using the React library and component-based architecture.
Ce projet est un modèle d'architecture propre (Clean Architecture) .NET conçu pour séparer la logique de domaine de l'infrastructure et des frameworks web. Il fournit une structure de projet pour les applications C# et un frontend React Redux, créant un backend testable axé sur la maintenabilité. L'implémentation se concentre sur le Domain Driven Design, modélisant les domaines métier principaux à l'aide d'entités et d'objets de valeur pour gérer des exigences complexes. Il utilise une architecture découplée pour garantir que la logique métier reste indépendante des frameworks externes et des technologies de base de données. Le projet couvre le bootstrapping d'applications full stack, l'intégration de l'accès aux données découplé et les tests automatisés de logique métier. L'application est packagée en tant qu'application web conteneurisée pour assurer un déploiement cohérent à travers différents environnements d'hébergement.
Ships a React-based frontend utilizing Redux for global state management to interact with the backend.