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 19685c04c3
Regression: Fix member list Actions (#19876)
6 years ago
..
components [IMPROVE] Rewrite Room Files (#19580) 6 years ago
contexts [IMPROVE] Removed useEndpointDataExperimental hook usage (#19496) 6 years ago
hooks [IMPROVE] Rewrite contextualbar RoomMembers as React Component (#19841) 6 years ago
lib [FIX] User email showing [object Object] (#19870) 6 years ago
methods
notifications [NEW] Channel avatar (#18443) 6 years ago
omnichannel Frontend folder structure (#19631) 6 years ago
polyfills [FIX] Admin not working on IE11 (#19348) 6 years ago
providers [IMPROVE] Removed useEndpointDataExperimental hook usage (#19496) 6 years ago
sidebar Message parsing and rendering - Phase 1 (#19654) 6 years ago
startup Regression: Failed autolinker and markdown rendering (#19831) 6 years ago
templateHelpers Message parsing and rendering - Phase 1 (#19654) 6 years ago
types Non-idiomatic React code (#19303) 6 years ago
views Regression: Fix member list Actions (#19876) 6 years ago
README.md Frontend folder structure (#19631) 6 years ago
head.html
importPackages.js [FIX] Spotify oEmbed (#19825) 6 years ago
main.js Message parsing and rendering - Phase 1 (#19654) 6 years ago
reactAdapters.js Regression: Fix multiple react blazed template rendering at the same time (#19679) 6 years ago
routes.js Regression: "My Account" page doesn't load (#19753) 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