BestHub
Sign in
Tagged articles
11 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 21, 2025 · Frontend Development

Component Communication in Vue 3: Props, Emit, Sibling Communication, Event Bus, Pinia, Provide/Inject, and Ref

This article provides a comprehensive guide to Vue 3 component communication, covering parent‑to‑child props, child‑to‑parent emit, sibling communication via parent mediation, event bus, Pinia state management, provide/inject, shared reactive objects, and component instance references, with code examples and a comparison table.

EmitFrontendProps
0 likes · 13 min read
Component Communication in Vue 3: Props, Emit, Sibling Communication, Event Bus, Pinia, Provide/Inject, and Ref
Code Mala Tang
Code Mala Tang
Jul 12, 2024 · Frontend Development

Mastering React Component Communication: 7 Essential Techniques

Explore seven core methods for React component communication—including Props, State Lifting, Context, Refs, Hooks, Event Emitters, and Redux—detailing practical code examples, key considerations, and best practices to help developers choose the optimal approach for various application scenarios.

PropsReactRedux
0 likes · 16 min read
Mastering React Component Communication: 7 Essential Techniques
ByteFE
ByteFE
Apr 19, 2021 · Frontend Development

Advanced TypeScript and React Patterns: Importing React, Functional Components, Hooks, Props, and Types

This guide covers the essential TypeScript knowledge for React development, demonstrating how to import React, declare functional components with React.FC, use core hooks such as useState, useRef, useEffect, useMemo, create custom hooks, handle defaultProps, choose between type and interface, type props, manage forms and events, work with operators, and apply generic patterns for reusable components.

FrontendHooksProps
0 likes · 23 min read
Advanced TypeScript and React Patterns: Importing React, Functional Components, Hooks, Props, and Types
KooFE Frontend Team
KooFE Frontend Team
Mar 8, 2021 · Frontend Development

8 Proven Techniques to Write Cleaner React Code

This article presents eight practical ways to write cleaner, more readable React code, covering conditional rendering, boolean and string props, event handlers, component‑as‑prop patterns, undefined props, state updates, and general JavaScript clean‑code practices, each illustrated with bad and good examples.

Conditional RenderingPropsbest-practices
0 likes · 11 min read
8 Proven Techniques to Write Cleaner React Code
37 Interactive Technology Team
37 Interactive Technology Team
Dec 10, 2019 · Frontend Development

Vue.js Component Communication Methods and Practical Examples

Vue.js offers multiple component communication techniques—including one‑way props, $emit/$on events, an event bus, $attrs/$listeners, provide/inject, direct $parent/$children/$refs access, Vuex state management, and slot‑based patterns—enabling flexible data flow between parents, children, siblings, and distant descendants.

$onEmitProps
0 likes · 18 min read
Vue.js Component Communication Methods and Practical Examples
政采云技术
政采云技术
Aug 27, 2019 · Frontend Development

Summary of Vue Component Data Communication Methods

This article reviews various Vue.js component communication techniques—including Props, $emit/$on, Vuex, $attrs/$listeners, Provider/Inject, and $parent/$children/$refs—providing explanations, usage scenarios, and code examples to help developers choose the appropriate method for parent-child, sibling, or cross-level data exchange.

Frontend DevelopmentPropsVue.js
0 likes · 12 min read
Summary of Vue Component Data Communication Methods
JD.com Experience Design Center
JD.com Experience Design Center
Jan 22, 2018 · Frontend Development

Mastering React Component Structure: Coupling, Cohesion, and Prop Strategies

This article explores how coupling and cohesion influence React component design, compares several prop‑passing techniques—from static components to object, selective, map/array, and child‑object approaches—and offers guidance on selecting the most suitable pattern based on project context and maintainability.

CohesionComponent DesignCoupling
0 likes · 12 min read
Mastering React Component Structure: Coupling, Cohesion, and Prop Strategies
Tencent Cloud Developer
Tencent Cloud Developer
Jan 25, 2017 · Frontend Development

Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native

Zuo Ming explains React’s component architecture—props, state, lifecycle methods, server‑side rendering, and React‑Native—using a bamboo water‑wheel analogy, demonstrating prop validation, state updates, lifecycle phases, SSR hydration, cross‑platform code reuse, and unit testing to give front‑end engineers a complete practical foundation.

Frontend DevelopmentPropsReact
0 likes · 12 min read
Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native