
Security Fundamentals
Turtles, Clams, and Cyber Threat Actors: Shell Usage
The Socket Threat Research Team uncovers how threat actors weaponize shell techniques across npm, PyPI, and Go ecosystems to maintain persistence and exfiltrate data.
react-dock
Advanced tools
Resizable dockable react component.
http://alexkuz.github.io/react-dock/demo/
$ npm i -S react-dock
render() {
return (
<Dock position='right' isVisible={this.state.isVisible}>
{/* you can pass a function as a child here */}
<div onClick={() => this.setState({ isVisible: !this.state.isVisible })}>X</div>
</Dock>
);
}
Prop Name | Description |
---|---|
position | Side to dock (left , right , top or bottom ). Default is left . |
fluid | If true , resize dock proportionally on window resize. |
size | Size of dock panel (width or height, depending on position ). If this prop is set, Dock is considered as a controlled component, so you need to use onSizeChange to track dock resizing. Value is a fraction of window width/height, if fluid is true, or pixels otherwise |
defaultSize | Default size of dock panel (used for uncontrolled Dock component) |
isVisible | If true , dock is visible |
dimMode | If none - content is not dimmed, if transparent - pointer events are disabled (so you can click through it), if opaque - click on dim area closes the dock. Default is opaque |
duration | Animation duration. Should be synced with transition animation in style properties |
dimStyle | Style for dim area |
dockStyle | Style for dock |
zIndex | Z-index for wrapper |
onVisibleChange | Fires when Dock wants to change isVisible (when opaque dim is clicked, in particular) |
onSizeChange | Fires when Dock wants to change size |
children | Dock content - react elements or function that returns an element. Function receives an object with these state values: { position, isResizing, size, isVisible } |
FAQs
Resizable dockable react component
The npm package react-dock receives a total of 56,528 weekly downloads. As such, react-dock popularity was classified as popular.
We found that react-dock demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security Fundamentals
The Socket Threat Research Team uncovers how threat actors weaponize shell techniques across npm, PyPI, and Go ecosystems to maintain persistence and exfiltrate data.
Security News
At VulnCon 2025, NIST scrapped its NVD consortium plans, admitted it can't keep up with CVEs, and outlined automation efforts amid a mounting backlog.
Product
We redesigned our GitHub PR comments to deliver clear, actionable security insights without adding noise to your workflow.