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/apps/meteor/client
Murtaza Patrawala eecd9fc99a
fix: Omnichannel Tags available to be used in the wrong department (#29169)
3 years ago
..
UIKit/hooks Chore: Update ESlint rules of client code (#27427) 3 years ago
components fix: Omnichannel Tags available to be used in the wrong department (#29169) 3 years ago
contexts refactor: `AppsProvider` (#29264) 3 years ago
definitions refactor(client): Remove dangling `direct` field on minimongo collections (#28833) 3 years ago
hooks regression: Opening the dial pad crashes the GUI (#29670) 3 years ago
lib regression(i18n): Broken translations on client-side startup (#29442) 3 years ago
methods refactor: create i18n package (#29097) 3 years ago
polyfills
portals Chore: Update ESlint rules of client code (#27427) 3 years ago
providers regression: Apps translations not working randomly (#29659) 3 years ago
sidebar chore: Menu v2 (#29580) 3 years ago
startup chore: load dialpad modal lazy (#29629) 3 years ago
stories
views regression: `showThreadsInMainChannel` preference misaligned (#29669) 3 years ago
.eslintrc.json chore: Add eslint `react-jsx-key` rule on client (#29581) 3 years ago
README.md
importPackages.ts chore: remove last templates using blaze (#29141) 3 years ago
main.ts chore: remove last templates using blaze (#29141) 3 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