We want to hear from you!Take our 2021 Community Survey!
Support Ukraine ๐Ÿ‡บ๐Ÿ‡ฆ Help Provide Humanitarian Aid to Ukraine.

React

ืกืคืจื™ื™ืช JavaScript ืœื‘ื ื™ื™ืช ืžืžืฉืงื™ ืžืฉืชืžืฉ

ื”ืฆื”ืจืชื™

React ื”ื•ืคื›ืช ืืช ื”ื™ืฆื™ืจื” ืฉืœ ืžืžืฉืงื™ ืžืฉืชืžืฉ ืื™ื ื˜ืจืืงื˜ื™ื‘ื™ื™ื ืœื ื•ื—ื” ื™ื•ืชืจ. ืขืฆื‘ ืชืฆื•ื’ื” ืคืฉื•ื˜ื” ืœื›ืœ state ื‘ืืคืœื™ืงืฆื™ื” ืฉืœืš, ื•-React ืชืขื“ื›ืŸ ื•ืชืจื ื“ืจ ื‘ืฆื•ืจื” ื™ืขื™ืœื” ืจืง ืืช ื”ืงื•ืžืคื•ื ื ื˜ื•ืช ื”ื ื›ื•ื ื•ืช ื›ืืฉืจ ื”ื ืชื•ื ื™ื ืฉืœืš ืžืฉืชื ื™ื.

ืชืฆื•ื’ื” ื”ืฆื”ืจืชื™ืช ื”ื•ืคื›ืช ืืช ื”ืงื•ื“ ืฉืœืš ืœื™ื•ืชืจ ืฆืคื•ื™ ื•ืงืœ ืœื“ื™ื‘ื•ื’

ืžื‘ื•ืกืก ืงื•ืžืคื•ื ื ื˜ื•ืช

ื‘ื ื” ืงื•ืžืคื•ื ื˜ื•ืช ืžื•ื›ืžืกื•ืช ื”ืžื ื”ืœื•ืช ืืช ื”state .ืฉืœื”ืŸ ื•ืœืื—ืจ ืžื›ืŸ ื”ืจื›ื‘ ืื•ืชืŸ ื™ื—ื“ ืœื‘ื ื™ื™ืช ืžืžืฉืงื™ ืžืฉืชืžืฉ ืžื•ืจื›ื‘ื™ื

ื›ื™ื•ื•ืŸ ืฉื”ืœื•ื’ื™ืงื” ืฉืœ ื”ืงื•ืžืคื•ื ื ื˜ื•ืช ื›ืชื•ื‘ื” ื‘-JavaScript ื‘ืžืงื•ื ื‘ื˜ืžืคืœื˜ื™ื, ืืชื” ื™ื›ื•ืœ ืœื”ืขื‘ื™ืจ ืžื™ื“ืข ืขืฉื™ืจ ื“ืจืš ื”ืืคืœื™ืงืฆื™ื” ื•ืœื”ืฉืื™ืจ ืืช ื”state ืžื—ื•ืฅ ืœDOM.

ืœืžื“ ืคืขื ืื—ืช, ื›ืชื•ื‘ ื‘ื›ืœ ืžืงื•ื

ืื ื• ืœื ืขื•ืฉื™ื ื”ื ื—ื•ืช ืขืœ ืฉืืจ ื”ื˜ื›ื ื•ืœื•ื’ื™ื•ืช ื”ื ืžืฆืื•ืช ื‘ืฉื™ืžื•ืฉ ื‘ืืคืœื™ืงืฆื™ื™ื” ืฉืœืš, ื›ืš ืฉืืชื” ื™ื›ื•ืœ ืœืคืชื— ืคื™ืฆโ€™ืจื™ื ื—ื“ืฉื™ื ื‘-React ืžื‘ืœื™ ืœืฉื›ืชื‘ ืงื•ื“ ืงื™ื™ื.

React ื™ื›ื•ืœื” ื’ื ืœื”ืชืจื ื“ืจ ื‘ืฆื“-ืฉืจืช ื‘ืืžืฆืขื•ืช Node ื•ืœืชืคืขืœ ืืคืœื™ืงืฆื™ื•ืช ืžื•ื‘ื™ื™ืœ ื‘ืืžืฆืขื•ืช React Native.


ืงื•ืžืคื•ื ื ื˜ื” ืคืฉื•ื˜ื”

ืงื•ืžืคื•ื ื ื˜ื•ืช ืจื™ืืงื˜ื™ื•ืช ืžืžืžืฉื•ืช ืžืชื•ื“ืช render() ื”ืœื•ืงื—ืช ืงืœื˜ ืžื™ื“ืข ื•ืžื—ื–ื™ืจื” ืžื” ืœื”ืฆื™ื’. ื”ื“ื•ื’ืžื ื”ื–ืืช ืžืฉืชืžืฉืช ื‘ืชื—ื‘ื™ืจ ื”ื“ื•ืžื” ืœXML ื•ื ืงืจื JSX. ืงืœื˜ ืžื™ื“ืข ื”ืžื•ืขื‘ืจ ืœืงื•ืžืคื•ื ื ื˜ื” ื™ื”ื™ื” ื ื’ื™ืฉ ืœrender() ื‘ืืžืฆืขื•ืช this.props.

JSX ื”ื•ื ืื•ืคืฆื™ื•ื ืœื™ ื•ืœื ื—ื•ื‘ื” ื›ื“ื™ ืœื”ืฉืชืžืฉ ื‘ React. ื ืกื” ืืช Babel REPL ื›ื“ื™ ืœืจืื•ืช ืืช ื”ืงื•ื“ JavaScript ื”ื’ื•ืœืžื™ ืฉืžื™ื•ืฆืจ ืขืœ ื™ื“ื™ ืฉืœื‘ ื”ืงื•ืžืคื™ืœืฆื™ื” ืฉืœ JSX.

ื˜ื•ืขืŸ ื“ื•ื’ืžืช ืงื•ื“โ€ฆ

ืงื•ืžืคื•ื ื ื˜ื” ืขื state

ื‘ื ื•ืกืฃ ืœืœืงื™ื—ืช ืžื™ื“ืข ืงืœื˜ (ื”ื ื’ื™ืฉ ื‘ืืžืฆืขื•ืช this.props), ืงื•ืžืคื•ื ื ื˜ื” ื™ื›ื•ืœื” ืœืฉืžื•ืจ ืžื™ื“ืข ืขืœ state ืคื ื™ืžื™ (ื”ื ื’ื™ืฉ ื‘ืืžืฆืขื•ืช this.state). ื›ืืฉืจ ื”state ืฉืœ ื”ืงื•ืžืคื•ื ื ื˜ื” ืžืฉืชื ื”, ื”markup ื”ืžืขื•ื‘ื“ ื™ืขื•ื“ื›ืŸ ืขืœ ื™ื“ื™ ืงืจื™ืื” ืžื—ื“ืฉ ืœ render().

ื˜ื•ืขืŸ ื“ื•ื’ืžืช ืงื•ื“โ€ฆ

ืืคืœื™ืงืฆื™ื”

ืขื ืฉื™ืžื•ืฉ ื‘propsื•-state, ืื ื—ื ื• ื™ื›ื•ืœื™ื ืœื™ืฆื•ืจ ืืคืœื™ืงืฆื™ืช ืฆโ€™ืงืœื™ืกื˜ ืงื˜ื ื”. ื”ื“ื•ื’ืžื ื”ื–ืืช ืžืฉืชืžืฉืช ื‘state ื›ื“ื™ ืœืขืงื•ื‘ ืื—ืจื™ ืจืฉื™ืžื” ืฉืœ ืคืจื™ื˜ื™ื ื•ื”ื˜ืงืกื˜ ืฉื”ืžืฉืชืžืฉ ื”ื›ื ื™ืก. ืœืžืจื•ืช ืฉื”ื˜ื™ืคื•ืœ ื‘ืื™ืจื•ืขื™ื ื ืจืื” ืžืขื•ื‘ื“ ื‘ืื•ืชื” ืฉื•ืจื”. ื”ื ื™ืืกืคื• ื•ื™ืžื•ืžืฉื• ื‘ืืžืฆืขื•ืช event delegation.

ื˜ื•ืขืŸ ื“ื•ื’ืžืช ืงื•ื“โ€ฆ

ืงื•ืžืคื•ื ื ื˜ื” ื”ืžืฉืชืžืฉืช ื‘ืชื•ืกืคื™ื ื—ื™ืฆื•ื ื™ื™ื

React ืžืืคืฉืจืช ืœืš ืœื”ืชืžืžืฉืง ืขื ืกืคืจื™ื•ืช ื•ืคืจื™ื™ืžื•ื•ืจืงื™ื ืื—ืจื™ื. ื”ื“ื•ื’ืžื ื”ื–ืืช ืžืฉืชืžืฉืช ื‘remarkable, ืกืคืจื™ื” ื—ื™ืฆื•ื ื™ืช ืฉืœ Markdown, ื”ืžืžื™ืจื” ืืช ื”ืขืจืš ืฉืœ ื”textarea ื‘ื–ืžืŸ ืืžืช.

ื˜ื•ืขืŸ ื“ื•ื’ืžืช ืงื•ื“โ€ฆ