apitech
/
Rocket.Chat
mirror of https://github.com/RocketChat/Rocket.Chat
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
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.
19761 Commits
718 Branches
1182 Tags
2.0 GiB
 
 
 
 
 
Tag: Branch: Tree: 2284f95fce
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '2284f95fce'
${ noResults }
Rocket.Chat/client
History
Tiago Evangelista Pinto 2284f95fce
[FIX] Sort AutocompleteDepartmentsMultiple (#22419) 		5 years ago
..
UIKit/hooks [NEW] New set of rules for client code (#21318) 5 years ago
components [FIX] Sort AutocompleteDepartmentsMultiple (#22419) 5 years ago
contexts [FIX] Bugs in AutoCompleteDepartment (#22414) 5 years ago
hooks [FIX] Send alternative color to unread sidebar icon (#21432) 5 years ago
lib [FIX] Too many request on loadHistory method (#21594) 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 Regression: Unread Threads Header and List (#21816) 5 years ago
sidebar [FIX] Send alternative color to unread sidebar icon (#21432) 5 years ago
startup A React-based replacement for BlazeLayout (#21527) 5 years ago
templateHelpers Message parsing and rendering - Phase 1 (#19654) 5 years ago
types Regression: Reconnection not working properly due to changes on ECHD Proxy (#21741) 5 years ago
views [FIX] Sort AutocompleteDepartmentsMultiple (#22419) 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 Frontend folder structure (#19631) 5 years ago
head.html
…
importPackages.ts [NEW] Standard Importer Structure (#18357) 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: 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