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 6924f93e2f
Chore: Attachment Definitions and UiKitDefinitions (#22354)
5 years ago
..
UIKit/hooks [NEW] New set of rules for client code (#21318) 5 years ago
components Chore: Attachment Definitions and UiKitDefinitions (#22354) 5 years ago
contexts Chore: Attachment Definitions and UiKitDefinitions (#22354) 5 years ago
hooks [FIX] Adding retentionEnabledDefault check before showing warning message (#20692) 5 years ago
lib [NEW] Open modals in side effects outside React (#22247) 5 years ago
methods [NEW] New set of rules for client code (#21318) 5 years ago
polyfills [NEW] New set of rules for client code (#21318) 5 years ago
providers [NEW] Open modals in side effects outside React (#22247) 5 years ago
sidebar [IMPROVE] Update system messages' behavior in rooms (#22018) 5 years ago
startup [FIX] OAuth login not working on electron app with temp sessions (#22401) 5 years ago
templateHelpers Message parsing and rendering - Phase 1 (#19654) 5 years ago
types [NEW] Content-Security-Policy for inline scripts (#20724) 5 years ago
views [FIX] Cancel button and success toast at Leave Team modal (#22373) 5 years ago
.eslintrc.js A React-based replacement for BlazeLayout (#21527) 5 years ago
.prettierrc [NEW] New set of rules for client code (#21318) 5 years ago
README.md Chore: Doc Client Readme (#21588) 5 years ago
head.html
importPackages.ts [FIX] Read receipts are broken (#22203) 5 years ago
main.ts [NEW][Enterprise] Second layer encryption for data transport (alpha) (#21692) 5 years ago
templates.ts [FIX] IE11 support (#21893) 5 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