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
Hugo Costa dfd1d77674
[FIX] VOIP CallContext snapshot infinite loop (#25947)
4 years ago
..
UIKit/hooks Chore: Dedicated package for UI contexts (#25432) 4 years ago
components Chore: Remove Imperative Modal from context (#25911) 4 years ago
contexts [FIX] VOIP CallContext snapshot infinite loop (#25947) 4 years ago
definitions Chore: Broken Storybook (#25714) 4 years ago
hooks Chore: Replace `useSubscription` with `useSyncExternalStore` (#25909) 4 years ago
lib Chore: Replace `useSubscription` with `useSyncExternalStore` (#25909) 4 years ago
methods
polyfills
providers Chore: Remove Imperative Modal from context (#25911) 4 years ago
sidebar Chore: Replace `useSubscription` with `useSyncExternalStore` (#25909) 4 years ago
startup Chore: RouteGroup for My Account sidebar (#25632) 4 years ago
stories Chore: Convert MemoizedSetting, Setting, Section (#25572) 4 years ago
templateHelpers Chore: move definitions to packages (#25085) 4 years ago
views Regression: Unable to edit user details via admin panel (#25923) 4 years ago
.eslintrc.js Regression: eslint not running on packages (#25305) 4 years ago
README.md
head.html
importPackages.ts [BREAK] Remove Blockstack authentication (#25649) 4 years ago
main.ts Chore: RouteGroup for My Account sidebar (#25632) 4 years ago
templates.ts [FIX] Thread Message Preview (#25709) 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