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
Himanshu Malviya 0401c477a4
[IMPROVE] Add tooltip to sidebar room menu (#24405)
4 years ago
..
UIKit/hooks Chore: Prettier for us all (#24000) 4 years ago
components [IMPROVE] Improve active/hover colors in account sidebar (#25024) 4 years ago
contexts Chore: TS conversion folder client (#25031) 4 years ago
hooks Chore: TS conversion folder client (#25031) 4 years ago
lib Chore: organize test files and fix code coverage (#24900) 4 years ago
methods Chore: converted more hooks to typescript (#24628) 4 years ago
polyfills Chore: Replace Blaze templates (#24165) 4 years ago
providers Chore: organize test files and fix code coverage (#24900) 4 years ago
sidebar [IMPROVE] Add tooltip to sidebar room menu (#24405) 4 years ago
startup [FIX] Several issues related to custom roles (#24052) 4 years ago
stories Chore: Storybook mocking and examples improved (#24969) 4 years ago
templateHelpers Chore: Prettier for us all (#24000) 4 years ago
views [FIX] Full error message is visible (#24856) 4 years ago
.eslintrc.js Chore: Prettier for us all (#24000) 4 years ago
README.md Chore: Doc Client Readme (#21588) 5 years ago
head.html
importPackages.ts [FIX] Apple OAuth (#24879) 4 years ago
main.ts [FIX] OAuth mismatch redirect_uri error (#24450) 4 years ago
templates.ts Chore: Storybook mocking and examples improved (#24969) 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