RXD CODE BASE - TS TEMPLATE

Tech Stacks

React: !ReactJS

TailwindCSS: !TailwindCSS

Vite: !Vite

Node version

Node ^21

Structure des dossiers 📁

• components
• contexts
• hooks
• layout
  • AppShell
  • Header
  • Sidebar
  • RequireAuth.tsx
  • WithoutAuth.tsx
• pages
• routes
  • api
  • navigation
    • navigationRoutes
      • private.tsx
      • public.tsx
    • navigationPaths.ts
    • sidebarLinks.ts
  • Routes.tsx
• App.tsx

Explication des differents dossiers et leurs contenus

• layout 📂 : Ici vous trouverez tout ce qui concerne la mise en page:

  • Sidebar 📂
  • Header 📂
  • RequireAuth.tsx: Gestion des pages privees
  • WithoutAuth.tsx: Gestion des pages public

• routes 📂 : Ce dossier contient les routes de navigations. Elles sont de type publics et privees. Il contient en meme temps les PATHS ou URL des pages. Tout ce qui concerne la navigation sur l'application sera ici.