Skip to content

Instantly share code, notes, and snippets.

View Acetoshi's full-sized avatar
🎯
Focusing

David LE GALL Acetoshi

🎯
Focusing
19 followers · 41 following
View GitHub Profile
@Acetoshi
Acetoshi / vitest.setup.md
Last active November 27, 2024 09:07

VITEST SETUP

dependencies

on installe @testing-library/jest-dom et jsdom

npm i vitest jsdom @testing-library/react @testing-library/jest-dom --save-dev

vite.config.ts

on ajoute un élément de test




  


  




    


          
    

      

        
        

          

              @Acetoshi
          

          

            
                Acetoshi
                / React+GraphQL.md
            
            

              Last active
              November 27, 2024 10:36
            

              
                Stucture.md
              
          

        

      

        

  

      

    
Branch naming


[BUGFIX/HOTFIX/REFACTO/FEATURE/SETUP/CHORE]/US[USnumber]/[featureName]  
>> DEV/US23/SignUpForm
>> BUGFIX/US103/CSSisBroken


[BUGFIX/HOTFIX/REFACTO/FEATURE/SETUP/CHORE]  # Type of task or work being done:


    

  • BUGFIX: Fixing an issue or bug
    • 




  


  




    


          
    

      

        
        

          

              @Acetoshi
          

          

            
                Acetoshi
                / angular_component_semantics.md
            
            

              Last active
              July 29, 2025 15:02
            

              
                Angular component semantics
              
          

        

      

        

  

      

    
💡 Angular Component Selectors and HTML Semantics: A Clean Solution


In modern web development, writing semantically correct HTML is important — for accessibility, browser consistency, and maintainability. But if you're using Angular, you may have run into a frustrating problem: Angular component selectors don’t always play nicely with HTML hierarchy.




🚧 Part 1: The Problem — Angular Component Tags Break HTML Semantics


By default, Angular components are used with custom tags like: