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/client
Rohan Lekhwani 2e9dbe6988
[IMPROVE] Adds tooltip for sidebar header icons (#19934)
5 years ago
..
UIKit/hooks Regression: NPS (#20514) 5 years ago
components [FIX] Gif images aspect ratio on preview (#20654) 5 years ago
contexts RoomFiles hook (#20550) 5 years ago
hooks [NEW] Header with Breadcrumbs (#20609) 5 years ago
lib [FIX] OTR issue (#20592) 5 years ago
methods
notifications
omnichannel Regression: Custom field labels are not displayed properly on Omnichannel Contact Profile form (#20393) 5 years ago
polyfills
providers [NEW][ENTERPRISE] Omnichannel Contact Manager as preferred agent for routing (#20244) 5 years ago
sidebar [IMPROVE] Adds tooltip for sidebar header icons (#19934) 5 years ago
startup [NEW] Banner system and NPS (#20221) 5 years ago
templateHelpers Message parsing and rendering - Phase 1 (#19654) 6 years ago
types [NEW] Banner system and NPS (#20221) 5 years ago
views Rewrite: CreateChannel modal component (#20617) 5 years ago
README.md Frontend folder structure (#19631) 6 years ago
adapters.js Rewrite Message action links (#20123) 5 years ago
head.html
importPackages.js Rewrite: Message Attachments (#20106) 5 years ago
main.js Rewrite : Message Thread metrics (#20051) 5 years ago
reactAdapters.js [NEW] Banner system and NPS (#20221) 5 years ago
routes.js [NEW] Omnichannel Contact Center (Directory) (#19931) 6 years 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: 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