Radzionkit: Configuration rapide pour des projets monorepo à stockage complet robustes
Radzionkit est la solution ultime pour les développeurs qui cherchent à relancer leurs projets sans le stress des configurations complexes. Conçu comme un monorepo complet, il fournit une suite intégrée d'outils pour le développement complet de la pile, d'une bibliothèque d'interface utilisateur robuste aux services backend rationalisés. Avec Radzionkit, vous économisez un temps précieux à la fois pour lancer de nouveaux projets et pendant le processus de développement, assurant une expérience de codage fluide, efficace et sans tracas. Embrassez le pouvoir de la simplicité et de l'efficacité avec Radzionkit - votre partenaire dans la transformation des défis de codage en triomphes de codage.
Présentation de Monorepo: L'écosystème du package diversifié de Radzionkit
Radzionkit tire parti des espaces de travail de fil pour rationaliser une configuration monorepo, organisant le code en deux répertoires principaux: lib et product . Le dossier lib abrite des packages de code génériques comme @lib/utils ou @lib/ui , conçu pour être agnostique de projet et facilement portable sur aucun projet sans reporter la logique spécifique au projet. D'un autre côté, le répertoire product abrite des implémentations d'exemples, tels que @product/api ou @product/ui-demo , qui servent de plans démontrant comment intégrer et adapter les packages @lib aux besoins uniques de votre projet. Cette architecture réfléchie rationalise non seulement le processus de développement, mais améliore également la réutilisabilité du code, ce qui le rend sans effort pour évoluer et modifier votre projet à mesure qu'il se développe.
Packages lib
- @ lib / utils - une collection de fonctions utilitaires pour les tâches communes.
- @ lib / ui - une bibliothèque d'interface utilisateur polyvalente avec des composants, des crochets et des utils.
- @ lib / dynamodb - Utilitaires pour travailler avec AWS DynamoDB.
- @ lib / dnd - Composants et utilitaires pour les fonctionnalités de glisser-déposer.
- @ lib / codegen - Utilitaires de génération de code pour les fichiers TypeScript et JSON.
- @ Lib / Pays - Types et services publics pour gérer les données liées aux pays.
- @ lib / lambda - Utilitaires pour travailler avec les fonctions AWS Lambda.
- @ lib / analytic-ui - Composants pour intégrer l'analyse d'amplitude dans votre application React.
- @ lib / auth - Types pour les sessions d'authentification et les fournisseurs OAuth.
- @ lib / next-ui - Composants et utilitaires pour les applications Next.js.
- @ lib / abonnement-UI - Composants pour les paiements d'abonnement.
- @ lib / abonnements - Types de paiements d'abonnement.
- @ lib / chaîne - Utilitaires pour travailler avec web3 et blockchain.
- @ lib / chain-ui - Composants pour les applications web3.
Packages de produits
- @ Product / App - un modèle d'application Next.js.
- @ Product / API - Une API du chaudron avec authentification utilisateur.
- @ Product / API-interface - Interfaces et types pour interagir avec l'API.
- @ Product / API-UI - React Crochets et composants pour l'interaction API.
- @ Product / Config - un package de configuration partagé pour le produit.
- @ Product / DB - Gestion de la base de données et utilitaires.
- @ Product / Email - Services et services publics liés aux e-mails.
- @ Product / Email-Forwardener - Une fonction lambda pour transférer les e-mails.
- @ produit / entités - entités de base et modèles pour le produit.
- @ Product / Entities-Utils - Fonctions utilitaires pour travailler avec des entités.
- @ Product / Languages - Utilitaires de support linguistique et de localisation.
- @ Product / Languages-Next-UI - Next.js Composants d'interface utilisateur pour la manipulation de la langue.
- @ Product / UI-Demo - Demo UI présentant des composants de produit.
Début avec Radzionkit: Lancement de votre nouveau projet
Lancez votre projet à l'aide du modèle GitHub Radzionkit. Vous pouvez supprimer tous les packages dont vous n'avez pas besoin et utiliser ceux sous @product comme point de départ pour votre application. Il n'est pas nécessaire de renommer les packages, car la convention de dénomination sépare les packages réutilisables ( @lib ) du code spécifique au projet ( @product ). Une fois que vous avez cloné le modèle, installez les dépendances à l'aide yarn et que votre configuration est prête à partir.
Gestion des dépendances et des versions
Pour passer à la dernière version de YARN, exécutez la commande suivante:
Pour mettre à niveau chaque dépendance à la dernière version, exécutez la commande suivante:
yarn workspaces foreach --all exec yarn up " * "
Exemples utilisant Radzionkit
- CV de Radzion: un CV de développeur frontal Web3. Code source disponible sur github.
- Pentafret: un site Web avec des outils de théorie musicale de guitare. Code source disponible sur github.
- Stockage: Enregistrez des fichiers sur un réseau de stockage distribué. Code source disponible sur github
- Crypto: Recevez des alertes pour les changements de prix de la crypto-monnaie. Code source disponible sur github
- Georgiancizen: une application de préparation aux examens. Code source disponible sur github.
- AUSSIR: Une boîte à outils de productivité conçue pour les travailleurs à distance.
Radzionkit Cookbook: Simplifier le développement avec des didacticiels pratiques YouTube
Pour maximiser votre expérience avec Radzionkit, nous avons compilé le Radzionkit Cookbook, une série de tutoriels YouTube conçus pour présenter les applications pratiques de la boîte à outils pour résoudre les défis de développement quotidien. Ces tutoriels s'adressent à tous les niveaux de compétence, des débutants aux développeurs expérimentés et couvrent une gamme de sujets de la configuration initiale aux intégrations avancées. Les vidéos du livre de cuisine Radzionkit sont une ressource inestimable, offrant des instructions étape par étape, des conseils pratiques et des idées d'experts, tous visant à vous aider à exploiter la pleine puissance de Radzionkit pour des solutions efficaces et élégantes dans vos projets de développement.
- Création d'un gestionnaire de fichiers décentralisé à l'aide de Drive Auto-Drive et Next.js
- Créez un CV à une seule page avec React & TypeScript (exportable en tant que PDF!)
- Comment créer une fonctionnalité efficace "Quoi de neuf" pour votre produit
- Master Drag-and-Drop avec DND-KIT: Kanban Board Tutorial
- Supprimer efficacement les données utilisateur inactives à l'aide de TypeScript et AWS Lambda
- Création d'un composant dayinput avec React et TypeScript pour la sélection de date
- Implémentation d'un composant déroulant personnalisé dans React avec TypeScript et Floating-UI
- Next.js & Amplitude: un guide de l'intégration efficace de l'analyse
- Comment construire un système de proposition de fonctionnalités axé sur la communauté avec React & Nodejs
- Configuration des e-mails sans effort sur AWS: économisez du temps et de l'argent avec Lambda et Terraform
- Création d'un rapport interactif de suivi du temps avec React et TypeScript
- Comment créer un flux intégré efficace dans React: un guide étape par étape
- Création d'une liste de tâches de glisser-déposer dans React: un tutoriel complet
- Création d'un composant de graphique de ligne de réact à partir de zéro
- Construire une page de destination d'un site Web dans TypeScript Monorepo: un guide d'un développeur
- Simplifier le développement du backend dactylographié: un guide complet
- Construire l'internationalisation dans une application statique NextJS sans bibliothèques externes
- Guide des étiquettes Meta NextJS: Icônes SEO et PWA
- Création d'un ComboBox réutilisable avec React et TypeScript
- TypeScript de génération automatique pour les composants de réaction dynamique: une plongée profonde
- Construire un système de paiement d'abonnement avec next.js & node.js
- Création d'une composante modale réactive et minimaliste dans React
- Authentification par e-mail de lien magique pour les applications NextJS + NodeJS
- Maintenir l'état de react dans une chaîne de requête URL avec NextJS
- Implémentation complète de l'authentification OAuth 2 (Google et Facebook) avec NextJS et Nodejs
- Création de différentes dispositions pour différentes pages dans NextJS
- Gestion efficace de l'État React avec UsePersistentate et Storage local
- CSS utile utilise des projets React - un guide pratique
- Fonctions essentielles des services publics et desiliaires pour les projets de typeScript
- Comment configurer un monorepo avec des espaces de travail en fil, NextJS, des composants stylisés, plus joli
- Déployer une application statique NextJS sur AWS S3 et CloudFront
- Concevoir une palette de couleurs pour les modes sombres et lumineux avec des composants réagis, stylisés et HSLA
- Format de couleur HSLA pour React: TypeScript, composants stylisés, variantes, générateur de couleurs, sélecteur de couleurs
- Tutoriel de composant de bouton réact avancé
- Comment fabriquer le composant REACT INFORM
- Copier le texte dans le presse-papiers sur Cliquez sur React Composant
- Comment faire du menu Popover React Composant avec une interface utilisateur flottante
- Comment faire le menu d'entrée des emoji Composant React avec Emoji Mart
- Comment faire en sorte que le volant déborde de son conteneur avec réagir
- Comment faire des composants de curseur avec entrée React & Style Range
- Construire des composants de réaction polyvalente: cartes et panneaux
- Disposés CSS efficaces avec des composants de pile
- Forme dynamique avec react-hook-forme usefieldArray
- Composante de défilement infinie avec requête React
- Une plongée profonde dans React: Useelementsize Hook et redimensionner l'observation
