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
Guilherme Gazzo 5c1a7623b3
[IMPROVE] Load code highlighting languages on demand and fixes on new message parser (#23232)
4 years ago
..
UIKit/hooks [IMPROVE] Throw error if no appId is provided to useUIKitHandleAction (#23221) 4 years ago
components [IMPROVE] Load code highlighting languages on demand and fixes on new message parser (#23232) 4 years ago
contexts [NEW] Seats Cap (#23017) 4 years ago
hooks [NEW] Seats Cap (#23017) 4 years ago
lib [NEW] Seats Cap (#23017) 4 years ago
methods Chore: Move client helpers (#23178) 4 years ago
polyfills Chore: Meteor 2.2 and bump dependencies (#22399) 4 years ago
providers [BREAK] LDAP Refactoring (#23171) 4 years ago
sidebar [FIX] Toolbox click not working on Safari(iOS) (#23244) 4 years ago
startup [IMPROVE] Load code highlighting languages on demand and fixes on new message parser (#23232) 4 years ago
templateHelpers Chore: Move client helpers (#23178) 4 years ago
types Chore: Move client helpers (#23178) 4 years ago
views [FIX] "Read Only" and "Allow Reacting" system messages are missing in rooms (#23037) 4 years ago
.eslintrc.js Chore: Move client helpers (#23178) 4 years ago
.prettierrc [NEW] New set of rules for client code (#21318) 4 years ago
README.md Chore: Doc Client Readme (#21588) 4 years ago
head.html Depack: Use mainModule for root files (#13508) 6 years ago
importPackages.ts [BREAK] LDAP Refactoring (#23171) 4 years ago
main.ts [NEW][Enterprise] Second layer encryption for data transport (alpha) (#21692) 4 years ago
templates.ts [IMPROVE] Rewrite Reactions Modal #22752 4 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:

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