The communications platform that puts data protection first.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Rocket.Chat/apps/meteor/client
gabriellsh 5ef03e216e
chore: Upgrade Fuselage focus handling (#37334)
2 months ago
..
NavBarV2 chore: bump fuselage packages (#37420) 2 months ago
apps chore: Replace `Meteor.userId()` for client code (#36911) 3 months ago
cachedStores chore: Replace `Meteor.userId()` for client code (#36911) 3 months ago
components chore: Upgrade Fuselage focus handling (#37334) 2 months ago
contexts fix: `EmojiPicker` unnecessary rerenders (#35605) 9 months ago
definitions feat(desktop-api): `@rocket.chat/desktop-api` package (#36770) 5 months ago
hooks chore: add new icons to abac rooms (#37424) 2 months ago
lib chore: Move helper to E2E test (#37546) 2 months ago
meteor chore: Invert store/collection injection (#37412) 2 months ago
portals regression: Split enhanced navigation and second sidebar (#36763) 5 months ago
providers fix: Administration settings not being listed after logout and login (#37345) 2 months ago
router chore: Fork client-side router decoupling it from Meteor APIs (#36602) 5 months ago
sidebar chore: Upgrade Fuselage focus handling (#37334) 2 months ago
sidebarv2 chore: Upgrade Fuselage focus handling (#37334) 2 months ago
startup chore: Move Meteor specific startup code (#37199) 2 months ago
stores chore: Invert store/collection injection (#37412) 2 months ago
stories chore: Use `FieldHint` instead of `FieldDescription` on create modals (#36909) 4 months ago
uikit/hooks chore: Move `VideoconfContext` to `ui-video-conf` (#34950) 12 months ago
views chore: Upgrade Fuselage focus handling (#37334) 2 months ago
voip chore: Merge client omnichannel directories (#37369) 2 months ago
README.md
ecdh.ts
importPackages.ts chore(settings): Move `settings` client API (#36844) 4 months ago
main.ts chore: Upgrade Fuselage focus handling (#37334) 2 months ago
serviceWorker.ts
ui.ts chore: Merge client omnichannel directories (#37369) 2 months ago

README.md

How does the folder structure work in the frontend?

The folder structure should follow rocketchat's html 'semantics' like:

    main   -> room
                -> header
                    ...
                -> contextualbar
                    roominfo
                        ...
            -> sidebar
                -> Header
                    -> search
                    -> actions
                        ...
                -> list
                    ...
                -> footer
                    ...

Each folder is composed by:

File
index.jsx
ContainerComponent.jsx
contexts (optional)
providers (optional)
components (optional)
hooks (optional)
libs (optional)

We strongly suggest that you start developing your components/hooks/libs inside the folder where they will be directly used. If you ever find that you will use them in more than one place, then you should "promote" the code to an upper level, where it can be commonly accessed by all others

we have being moving code from blaze to react, but sometimes we will need render under blaze enviroment, to do that use createTemplateForComponent