Compare commits

...

6 Commits

Author SHA1 Message Date
Aarghyadeep Das
6fa4640090 Merge 7a7233c0c3 into 10872e02d1 2024-06-13 00:30:54 +00:00
Julien Le Coupanec
10872e02d1 Merge pull request #385 from WPRobson/master
add docker init command to docker cheatsheet
2024-06-07 23:35:19 +02:00
Julien Le Coupanec
365b4f72b7 Merge pull request #390 from MagedMohamedTurk/patch-1
Update C.txt
2024-06-07 23:34:57 +02:00
Maged Turkoman
0f74ebe37b Update C.txt 2024-06-01 09:07:47 +03:00
Will Robson
bf4c0379f2 add docker init command to docker cheatsheet 2024-05-12 20:01:26 +01:00
Aarghyadeep Das
7a7233c0c3 material-ui cheat sheet added. 2024-01-31 19:50:20 +05:30
3 changed files with 145 additions and 1 deletions

143
frontend/material-ui.txt Normal file
View File

@@ -0,0 +1,143 @@
##############################################################################
# Material-UI
# Material-UI: React components for modern web design.
# WEBSITE: https://mui.com/material-ui/
# DOCUMENTATION: https://mui.com/material-ui/getting-started/
##############################################################################
##############################################################################
# CORE COMPONENTS
##############################################################################
Button - variant: Style of the button, e.g., "contained" or "outlined".
color: Color scheme, e.g., "primary", "secondary".
Typography - variant: Text style, e.g., "h1", "body1".
Grid - container: Marks an element as a grid container.
item: Marks an element as a grid item.
Icon- Use specific icon names or custom SVG.
##############################################################################
# FORM COMPONENTS
##############################################################################
TextField - label: Label for the input field.
variant: Input style, e.g., "filled" or "outlined".
Checkbox/Radio - color: Color scheme, e.g., "primary", "secondary".
Select - variant: Select style, e.g., "filled" or "outlined".
Slider - value: Current value of the slider.
##############################################################################
# LAYOUT COMPONENTS
##############################################################################
AppBar/Toolbar - position: Positioning, e.g., "fixed" or "static".
Drawer - anchor: Side to anchor, e.g., "left" or "right".
Card - variant: Card style, e.g., "outlined" or "elevation".
Stepper - alternativeLabel: Display step labels.
##############################################################################
# NAVIGATION COMPONENTS
##############################################################################
Tabs/Breadcrumbs - value: Current active tab.
aria-label: Accessible label.
Menu/IconButton - edge: Edge to anchor, e.g., "start" or "end".
##############################################################################
# FEEDBACK COMPONENTS
##############################################################################
Snackbar/Alert - severity: Severity, e.g., "success", "error".
Progress - color: Color scheme, e.g., "primary", "secondary".
Tooltip - title: Tooltip content.
##############################################################################
# DIALOGS/MODALS
##############################################################################
Dialog/Modal - open: Control visibility.
##############################################################################
# STYLING
##############################################################################
makeStyles/withStyles - Define and apply custom styles.
ThemeProvider - Apply a custom theme.
##############################################################################
# DATA DISPLAY
##############################################################################
Avatar/Badge - color: Color scheme, e.g., "primary", "secondary".
Chip - color: Color scheme, e.g., "primary", "secondary".
Table - size: Size, e.g., "small", "medium".
##############################################################################
# UTILITY COMPONENTS
##############################################################################
Popover - anchorEl: Element to anchor to.
ClickAwayListener - Handle clicks outside.
Hidden - Media query breakpoints, e.g., mdDown, lgUp.
CssBaseline - Apply basic styling.
##############################################################################
# TRANSITIONS/ANIMATIONS
##############################################################################
Collapse/Fade/Grow/Slide - Transition-specific attributes.
##############################################################################
# THEMES
##############################################################################
Custom Theme/ThemeProvider - Define and apply themes.
##############################################################################
# HOOKS
##############################################################################
useMediaQuery/useScrollTrigger - Responsive design.
Media query and scroll control.
useTheme - Access theme properties.
##############################################################################
# CUSTOMIZATION
##############################################################################
Customize Theme/withStyles - Override and customize styles.

View File

@@ -149,6 +149,7 @@ Operators
^= bitwise exclusive or and store
|= bitwise or and store
, separator as in ( y=x,z=++x )
; statement terminator.
Operator precedence

View File

@@ -2,7 +2,7 @@
# DOCKER
##############################################################################
docker init # Creates Docker-related starter files
docker build -t friendlyname . # Create image using this directory's Dockerfile
docker run -p 4000:80 friendlyname # Run "friendlyname" mapping port 4000 to 80
docker run -d -p 4000:80 friendlyname # Same thing, but in detached mode