Monorepo

Etichete asociate

Proiecte de portofoliu (2)

• Mono CLI SystemHootsuite

  Septembrie 2020 - Octombrie 2023

  București, România

  • CLI System inspirat atât de ESLint, cât și de React / ReactDOM
  • Le permite dezvoltatorilor să creeze cu ușurință comenzi CLI și Configs inspirate de ESLint, publicabile pe NPM, printr-un SDK type-safe, intuitiv și configurabil (CLI SDK)
  • Le permite consumatorilor fie să importe un CLI preconstruit (sau parțial construit), fie să își construiască propriul CLI din blocuri de construcție disponibile pe NPM (CLI Core)
  • Comenzile sunt blocurile de construcție (React Components)
  • Configs sunt CLI-uri construite complet (sau parțial) din Commands
  • Dacă „Folosești o bibliotecă pentru a scrie cod care face lucruri, iar un framework îți folosește codul pentru a face lucruri”, atunci Mono este ambele
  • Folosești React pentru a crea o aplicație și ReactDOM pentru a o randa
  • Folosești CLI SDK pentru a crea Commands și Configs, iar CLI Core pentru a construi un CLI funcțional din Commands și/sau Configs

  Yarn 3MonorepoTypescriptBashZSH

• Whitelabel Design SystemPlatform24

  Ianuarie 2024 - Septembrie 2025

  București, România

  Design system complet personalizabil pentru fiecare partener

  • Permite personalizarea completă, de la culorile de brand și sistem până la maparea semantică a variabilelor către fațetele componentelor
  • Construit integral cu Vanilla Extract pentru a scrie cod complet type-safe și pentru a expune doar CSS generat la momentul build-ului
  • Folosește pachetul ESLint Logical Properties și React ARIA pentru accesibilitate.

  Flux unificat de la UX la Dev

  • Variabilele de design și mapările de variabile pentru primary color -> surface background sunt importate direct din figma
  • Variabilele, mapările și contractele sunt integrate direct în pachetele publicate
  • Devii folosesc variabile semantice și nu au acces la primitive sau mapări
  • Funcții de export asociate cu CSS layers pentru a fi folosite de DS sau aplicații

  Folosește cele mai recente tehnici CSS

  • Folosește CSS Layers pentru a delimita straturi clare de cascadă între reset, colecțiile de variabile, framework (design system) și stilurile aplicației.
  • Folosește CSS Containers pentru a încapsula stilurile și a crea componente și layout-uri cu adevărat responsive
  • CSS Variables și culorile și mapările specifice partenerilor sunt calculate și randate pe server

  Configurare modernă de Monorepo

  • Instrumentație completă pentru monorepo construită cu Yarn Plugins
    • Generare TSConfig
    • Configurare ESLint
    • Configurare Vite
    • Verificări ale dependențelor
    • Impunerea dependențelor
    • Configurarea pașilor paraleli Gitlab CI
    • Versionarea pachetelor cu Yarn
    • Impunerea și automatizarea mesajelor de commit + instrumente
  • Configurare Gitlab CI pentru build, lint, testare și publicarea oricărui număr de pachete atunci când este necesar
  • Instrumente de configurare locale și CI pentru registry-uri npm private cu scope

  Yarn 4MonorepoDesign SystemTypescriptVanilla ExtractGitlab CIFigmaJFrogNPM Registry