React-dnd: рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 7 рд╕рд┐рддре░ 2017  ┬╖  34рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: react-dnd/react-dnd

рдирдорд╕реНрддреЗ,
рдирд╡реАрдирддрдо рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕-рд╡рд░реНрдЬрди 55.0.3 рдореЗрдВ рд░рд┐рдПрдХреНрдЯрдб рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ
рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛:
"рд░рд┐рдПрдХреНрдЯ-рдбрдВрдб": "^ 2.5.1",
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛- dnd-html5-backend": "^ 2.5.1",

рдХреНрдпрд╛ рдХреЛрдИ рднреА рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд╛ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рдирддрд╛ рд╣реИ рдЬрд╣рд╛рдВ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдмрдВрдж рди рдХрд░реЗрдВред рдпрд╣ рдЕрднреА рднреА рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 60.9.0esr рдореЗрдВ рдЯреВрдЯ рдЧрдпрд╛ рд╣реИред

рд╕рднреА 34 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-dnd рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 55.0.2 рдореЗрдВ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

56.0 рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рд╣реИред рдмрд╕ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдФрд░ рд╕рднреА рдХреЛ рдЦреАрдВрдЪрдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрдеред рдХреНрд░реЛрдо рдореЗрдВ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ

рдЗрд╕ рдкрд░ рдХреЛрдИ рд░рд╛рдп?
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛- dnd": "^ 2.5.4",
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-dnd-html5-backend": "^ 2.5.4",

рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕: 56.0
рдЕрдХреНрд╕рд░ рд╕рдордп рдХрд╛рдо рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрддрд╛ рд╣реИред рдЦрд╛рд╕рдХрд░ рдЕрдЧрд░ рдХрдИ рдЯреИрдм рдЦреЛрд▓реЗ рдЬрд╛рддреЗ рд╣реИрдВред

рдХреНрдпрд╛ рдХреЛрдИ рдирдореВрдирд╛ рдорд╛рдорд▓реЗ рдХреЗ рд╕рд╛рде рдПрдХ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рдХреЛ рдЗрдВрдЧрд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдбрдВрдб рд╡рд┐рдлрд▓ рд╣реЛ рд░рд╣рд╛ рд╣реИ? рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдРрдк рд╣реИ рдЬреЛ рд░рд┐рдПрдХреНрдЯ-рдбреАрдПрдВрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 56 рдореЗрдВ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рджрд┐рдЦрддреА рд╣реИред

рдХреГрдкрдпрд╛ рдпрд╣ рднреА рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ рдХрд┐ рдЖрдк рдЬрд┐рд╕ рдУрдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдЙрд╕реЗ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд░рдирд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ, рдореИрдВрдиреЗ рджреЗрдЦрд╛ рд╣реИ рдХрд┐ рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рдбреНрд░реИрдЧ рдПрдВрдб рдбреНрд░реЙрдк рдПрдкреАрдЖрдИ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдУрдПрд╕ рдореЗрдВ рдХреБрдЫ рд╡рд┐рд╕рдВрдЧрддрд┐рдпрд╛рдВ рд╣реИрдВ

рдореИрдВрдиреЗ рд▓рд┐рдирдХреНрд╕ рдкрд░ рдПрдлрдПрдл 56 рдХреЗ рд╕рд╛рде рдореБрджреНрджреЛрдВ рдХреЛ рджреЗрдЦрд╛ рд╣реИ, рд╕рд╛рде рд╣реА (рд╡рд┐рдВрдбреЛрдЬ рдпрд╛ рдУрдПрд╕рдПрдХреНрд╕ рдкрд░ рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИ)ред

http://react-dnd.github.io/react-dnd/examples-sortable-simple.html

рдЙрд╕ рд╕рд░рд▓ рдЙрджрд╛рд╣рд░рдг рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддреЗ рд╣реБрдП, рдПрдХ рддрддреНрд╡ рдЕрдзрд┐рдХрддрдо 1 рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдЪрд▓рд╛ рдЬрд╛рдПрдЧрд╛ рдФрд░ рдлрд┐рд░ рддрддреНрд╡реЛрдВ рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдирд╣реАрдВ рдХрд░реЗрдЧрд╛, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдореИрдВ рдиреАрдЪреЗ рдХреЗ рддрддреНрд╡ рдХреЛ рдкрдХрдбрд╝рддрд╛ рд╣реВрдВ рдФрд░ рдЗрд╕реЗ рдКрдкрд░ рддрдХ рд▓реЗ рдЬрд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВред

# 778 рдореЗрдВ рднреА рдЪрд░реНрдЪрд╛ рдХреА рдЧрдИ

рд╣рдорд╛рд░реЗ рдорд╛рдорд▓реЗ рдХреЗ рд▓рд┐рдП - рдПрдлрдПрдл рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рдбреАрдПрдирдбреА, рдЙрджрд╛рд╣рд░рдг рдХреЗ рдорд╛рдорд▓реЗ https://react-dnd.github.io/react-dnd/examples-drag-raction-naive.html - рдореИрдВрдиреЗ рдЙрд╕ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд┐рдпрд╛ рдЬреЛ рдореИрдВрдиреЗ рдХрд▓ рдХрд┐рдпрд╛ рдерд╛ред] ред рд╢рд╛рдпрдж рдЖрдк рдХреЛрд╢рд┐рд╢ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рд░рд┐рдкреЛрд░реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рдЖрдкрдХреЗ рдорд╛рдорд▓реЗ рдХреЛ рднреА рд╣рд▓ рдХрд░рддрд╛ рд╣реИред

рдЙрдмрдВрдЯреВ 16.04 рдкрд░ рдПрдлрдПрдл 57.0.1 рдкрд░ рдЕрднреА рднреА рд╕рдорд╕реНрдпрд╛рдПрдБ рд╣реИрдВред рдореИрдВ рдбреНрд░реИрдЧ рдФрд░ рдбреНрд░реЙрдк рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реВрдВ, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдЬреИрд╕реЗ рдбреНрд░реИрдЧ рдЗрд╡реЗрдВрдЯ рд╢реБрд░реВ рд╣реЛрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдЗрд╕рдХреЗ рддреБрд░рдВрдд рдмрд╛рдж рдХреИрдВрд╕рд┐рд▓ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рдХреНрд░реЛрдо рдореЗрдВ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореБрдЭреЗ рдПрдлрдПрдл рдФрд░ рдУрдПрд╕рдПрдХреНрд╕ 10.13.1 рдХреЗ рд╕рд╛рде рднреА рд╕рдорд╕реНрдпрд╛ рд╣реИ

рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рдореБрдЭреЗ рдпрд╣ (https://github.com/react-dnd/react-dnd/issues/778) рдХреЗ рд╕рдорд╛рди рдПрдХ рдФрд░ рдореБрджреНрджрд╛ рдорд┐рд▓рд╛ред рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рдЬрд╛рдВрдЪреЗрдВред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдмреАрдЯрд╛ рдПрдлрдПрдл рдирд╛рдЗрдЯрд▓реА (https://nightly.mozilla.org/) рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдХреАрдбрд╝реЗ рдЪрд▓реЗ рдЧрдП рд╣реИрдВред рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ FF рдореБрджреНрджрд╛ рд╣реЛ рдФрд░ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-dnd рди рд╣реЛред

@yankopetrov

рдореИрдВ рдЕрднреА рднреА рд░рд╛рдд рдореЗрдВ рд╕рдорд╕реНрдпрд╛рдУрдВ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ, рд▓реЗрдХрд┐рди рдпрд╣ рд╕рд┐рд░реНрдл RDDD рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдПрдХ рдмрд╣реБрдд рдЕрдзрд┐рдХ рддреЛрдбрд╝рдиреЗ рд▓рдЧрддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдПрдХ рд╕рдВрдХреЗрдд рдХреЗ рд░реВрдк рдореЗрдВ рдЕрдЧрд░ рдПрдлрдПрдл рдмрдЧ рдХрд╛ рдЕрд╕рд▓реА рдХрд╛рд░рдг рд╣реИ, рдФрд░ рдЕрдЧрд░ рдЙрдиреНрд╣реЛрдВрдиреЗ рдЗрд╕реЗ рдареАрдХ рдХрд░ рд▓рд┐рдпрд╛ рд╣реИ рддреЛ рдореБрдЭреЗ рднрд░реЛрд╕рд╛ рдирд╣реАрдВ рд╣реИред

@erwinverdonk , рдХреНрдпрд╛ рдЖрдк рдЕрдкрдирд╛ рдлрд┐рдХреНрд╕ рд╢реЗрдпрд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдкреАрдЖрд░ рдХреНрдпрд╛ рдерд╛
рдЪрд┐рдпрд░реНрд╕

@ рдПрдлрдПрдл рдирд╛рдЗрдЯреА рдХреЗ рд╕рд╛рде рдзрд╛рди-рд╣реИрдорд┐рд▓реНрдЯрди рд╣рд╛рдВ рдЕрднреА рднреА рдХреБрдЫ рдХреАрдбрд╝реЗ рджрд┐рдЦрд╛рдИ рджреЗрддреЗ рд╣реИрдВред рдПрдХ рдЖрдХрд░реНрд╖рдг рдХреА рддрд░рд╣ рдХреНрд░реЛрдо рдФрд░ рд╕рдлрд╛рд░реА рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдПрдлрдПрдл рдореБрджреНрджрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред рдореЗрд░рд╛ рдорд╛рдорд▓рд╛ рд░рд┐рдкреЛрд░реНрдЯ рдХрд┐рдП рдЧрдП рдПрдлрдПрдл рдореБрджреНрджреЗ рдореЗрдВ рд╕рдЯреАрдХ рд╣реИред

@ рдзрд╛рди-рд╣реИрдорд┐рд▓реНрдЯрди: рд╣рд╛рдБ, рдореИрдВрдиреЗ рджреЗрдЦрд╛ рдХрд┐ рдпрд╣ рдпрд╣рд╛рдБ рдСрдЯреЛ рд▓рд┐рдВрдХ рдирд╣реАрдВ рдерд╛, рдЗрд╕рд▓рд┐рдП рдпрд╣рд╛рдБ PR: https://github.com/react-dnd/react-dnd/pull/928 рдХрд╛ рд▓рд┐рдВрдХ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ

рддреЛ рдХреНрдпрд╛ рдХрд┐рд╕реА рдХреЛ рдкрддрд╛ рд╣реИ рдХрд┐ рдореБрджреНрджрд╛ рдХреНрдпрд╛ рд╣реИ?
рдореИрдВ Ubuntu 17.04 рдкрд░ FF 57.0.4 64 рдмрд┐рдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдпрд╣ рдЕрднреА рднреА рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдпрд╣ рдЙрджрд╛рд╣рд░рдг: http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

рдирдорд╕реНрддреЗ, рдореИрдВрдиреЗ рдХреБрдЫ рдкреНрд░рдХрд╛рд░ рдХрд╛ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдкрд╛рдпрд╛ рд╣реИ рдЬреЛ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдореЗрд░реЗ рдбреНрд░реИрдЧ-рдПрди-рдбреНрд░реЙрдк рдиреЗ рдХреНрд░реЛрдо рдореЗрдВ рдареАрдХ рдХрд╛рдо рдХрд┐рдпрд╛ рд▓реЗрдХрд┐рди рдПрдлрдПрдл рдореЗрдВ рдмрд┐рд▓реНрдХреБрд▓ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ред
рддреЛ рдЗрд╕рд╕реЗ рдкрд╣рд▓реЗ рдореЗрд░рд╛ рдХреЛрдб:
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
рдФрд░ рдмрд╛рдж рдореЗрдВ:
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

@dmitrystril @yankopetrov

рдореБрджреНрджрд╛ рдЕрднреА рднреА рдПрдлрдПрдл рдирд╛рдЗрдЯрд▓реА рдореЗрдВ рдореЗрд░реЗ рд▓рд┐рдП рдерд╛ рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рд╡рд┐рдХрд▓реНрдк рддрд▓рд╛рд╢рдиреЗ рдкрдбрд╝реЗ, рдореИрдВ рд░рд┐рдПрдХреНрд╢рди-рд╕реБрдВрджрд░-рдбреАрдПрдВрдб рдореЗрдВ рдЖрдпрд╛ рдФрд░ рдпрд╣ рдПрдлрдПрдл рдХреЗ рд╕рд╛рде-рд╕рд╛рде рдЕрдиреНрдп рд╕рднреА рдкреНрд░рдореБрдЦ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдореЗрдВ рдПрдХ рдЖрдХрд░реНрд╖рдг рдХреА рддрд░рд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдФрд░ рд░рд┐рдПрдХреНрд╢рди-рдбреАрдб рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдХрдо рдорд╛рд░реНрдХрдЕрдк рд╣реИред рдЬреЛ рдПрдХ рдмреЛрдирд╕ рд╣реИред

рд╢рддрд░рдВрдЬ рдХрд╛ рдЙрджрд╛рд╣рд░рдг рдЕрднреА рднреА FF 59.0.2 рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ

рд╢рддрд░рдВрдЬ рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рдПрдлрдПрдл 60.0 рдХреЗ рд╕рд╛рде рд▓рд┐рдирдХреНрд╕ рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ:

  1. рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ рдФрд░ рдирд╛рдЗрдЯ рдХреЛ рдкрдХрдбрд╝реЗрдВ
  2. рдПрдХ рдорд╛рдиреНрдп рд╡рд░реНрдЧ рдореЗрдВ рдЬрд╛рдПрдВ (рдПрдХ рдЬреЛ рд╣рд░реЗ рд░рдВрдЧ рдХреЛ рдкреНрд░рд╕реНрддреБрдд рдХрд░рддрд╛ рд╣реИ)
  3. рдПрдХ рдЖрд╕рдиреНрди рд╡рд░реНрдЧ рдореЗрдВ рд▓реЗ рдЬрд╛рдПрдБ

рдЕрдкреЗрдХреНрд╖рд┐рдд рдкрд░рд┐рдгрд╛рдо: рд╡рд░реНрдЧ рдХреЛ рд▓рд╛рд▓ рд░рдВрдЧ рдореЗрдВ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ
рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдкрд░рд┐рдгрд╛рдо: рд╣рд░реЗ рд░рдВрдЧ рдХрд╛ рд╡рд░реНрдЧ рд╣рдореЗрд╢рд╛ рдХреЗ рд▓рд┐рдП рдЙрдЬрд╛рдЧрд░ рд╣реЛрддрд╛ рд╣реИ

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛: рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рдХрд┐ рдореЗрд░рд╛ рдХрд░реНрд╕рд░ рдХрд┐рд╕ рд╡рд░реНрдЧ рдкрд░ рд╣реИ, рдорд╛рдЙрд╕ рдХреЛ рдбреНрд░реИрдЧ рдХреЛ рд░рджреНрдж рдХрд░рддрд╛ рд╣реИред

рдХреНрдпрд╛ рдЖрдк рд▓рд┐рдирдХреНрд╕ @adamhooper рдкрд░ рд╣реИрдВ? рдореИрдВ OSX рдореЗрдВ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛

рдлреЗрдбреЛрд░рд╛ 28

рдореИрдВ рдЙрдореНрдореАрдж рдХрд░ рд░рд╣рд╛ рдерд╛ рдХрд┐ рдЖрдЬ рдХреЗ 3.0.2 рдЕрджреНрдпрддрди рдХреЛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рд╕реЗ рдпрд╣ рдареАрдХ рд╣реЛ рдЬрд╛рдПрдЧрд╛ред рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, рдпрд╣ рдЕрднреА рднреА рдЯреВрдЯрд╛ рд╣реБрдЖ рд╣реИред рдореИрдВрдиреЗ рдХреЗрд╡рд▓ рд▓рд┐рдирдХреНрд╕ рдкрд░ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рд╣реИред рдХреНрдпрд╛ рдХрд┐рд╕реА рдиреЗ рдПрдХ рдЕрд▓рдЧ рдСрдкрд░реЗрдЯрд┐рдВрдЧ рд╕рд┐рд╕реНрдЯрдо рдкрд░ рдЙрджрд╛рд╣рд░рдг рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ?

3.x рдЕрдкрдбреЗрдЯ рдореЗрдВ рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рд╕реБрдзрд╛рд░ рдХреЗ рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЛ рд▓рдХреНрд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд▓рд┐рдирдХреНрд╕ рдорд╢реАрди рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдХреЛрдИ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдХрд░ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рдПрдХ рдкреАрдЖрд░ рдХрд╛рдЯ рд╕рдХрддрд╛ рд╣реИ, рддреЛ рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛

рдореИрдВ рд╡рд┐рднрд┐рдиреНрди рдХреНрд░реЙрд╕-рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдкрд░реАрдХреНрд╖рдг рдЙрдкрдХрд░рдгреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реВрдВ, рдЬрд┐рдирдХрд╛ рдЙрдкрдпреЛрдЧ рд╣рдо рдЗрд╕ рддрд░рд╣ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдкрдХрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдореМрдЬреВрджрд╛ рдЙрджрд╛рд╣рд░рдг рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫреА рдЖрдзрд╛рд░ рд░реЗрдЦрд╛ рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдПред

рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдореИрдВрдиреЗ рдХреЗрд╡рд▓ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХреЗ рд▓рд┐рдирдХреНрд╕ рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рджреЗрдЦрд╛ рд╣реИред рд╡рд┐рдВрдбреЛрдЬ рдкрд░ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдпрджрд┐ рдЖрдк sortable рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрддреЗ рд╣реИрдВ рддреЛ simple рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди stress test рдХрд╛рд░реНрдп рдХрд░рддрд╛ рд╣реИред
рдЕрдВрддрд░ рдпрд╣ рд╣реИ рдХрд┐ stress test requestAnimationFrame рдЕрдВрджрд░ рд░рд╛рдЬреНрдп рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░ рд░рд╣рд╛ рд╣реИред

requestAnimationFrame рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдореЗрд░реЗ рд▓рд┐рдП рдЗрд╕реЗ рд╣рд▓ рдХрд░рддрд╛ рд╣реИред
рд▓рд┐рдирдХреНрд╕ рдХреЗ рд▓рд┐рдП рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ред

рд╕рдордЭ рдЧрдпрд╛, рдпрд╣реА рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП рдпрд╣ рдирд╛рд╕рдордЭ рдХреЗ рд╕рд╛рде рдХреБрдЫ рдХрд░рдирд╛ рд╣реИ
рдирд┐рдкрдЯрд╛рди рдЬреЛ рд╕рд┐рд░реНрдл рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХреЗ рд▓рд┐рдП рдЗрд░рд╛рджрд╛ рдереЗред рдЕрдЧрд░ рдореИрдВ рдПрдХ рд╢рд╛рдЦрд╛ рдХреЛ рдХрд╛рдЯрддрд╛ рд╣реВрдБ a
рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рдлрд┐рдХреНрд╕, рдХреНрдпрд╛ рдЖрдк рдЗрд╕реЗ npm рд▓рд┐рдВрдХ рдХрд░рдиреЗ рдФрд░ рд▓рд┐рдирдХреНрд╕ рдкрд░ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реИрдВ?

Tue рдкрд░, рдЬреВрди 5, 2018, 5:10 AM Kyriakos Z. рд╕реВрдЪрдирд╛рдПрдВ @github.com рдиреЗ рд▓рд┐рдЦрд╛:

рдпрджрд┐ рдЖрдк рд╕рд╛рдзрд╛рд░рдг рдЙрджрд╛рд╣рд░рдгреЛрдВ рдХреЛ рджреЗрдЦрддреЗ рд╣реИрдВ рддреЛ рд╕рд░рд▓ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рддрдирд╛рд╡ рдкрд░реАрдХреНрд╖рдг
рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдЕрдВрддрд░ рдпрд╣ рд╣реИ рдХрд┐ рддрдирд╛рд╡ рдкрд░реАрдХреНрд╖рдг рд░рд╛рдЬреНрдп рдХреЛ рдПрдХ рдХреЗ рдЕрдВрджрд░ рдЕрджреНрдпрддрди рдХрд░ рд░рд╣рд╛ рд╣реИ
requestAnimationFrameред

RequestAnimationFrame рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдореЗрд░реЗ рд▓рд┐рдП рдЗрд╕реЗ рд╣рд▓ рдХрд░рддрд╛ рд╣реИред
рд▓рд┐рдирдХреНрд╕ рдкрд░ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ред

-
рдЖрдк рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдиреЗ рдЯрд┐рдкреНрдкрдгреА рдХреА рд╣реИред
рдЗрд╕ рдИрдореЗрд▓ рдХрд╛ рдЙрддреНрддрд░ рд╕реАрдзреЗ рджреЗрдВ, рдЗрд╕реЗ GitHub рдкрд░ рджреЗрдЦреЗрдВ
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
рдпрд╛ рдзрд╛рдЧрд╛ рдореНрдпреВрдЯ рдХрд░реЗрдВ
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
ред

@darthtrevino рд╣рд╛рдБ рд╣рд╛рдБ!

рдореИрдВ рдмрд╕ рдПрдХ рдРрд╕реЗ рд╣реА рдореБрджреНрджреЗ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛ред
рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдереЗ рдФрд░ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ dnd (рд▓рд┐рдирдХреНрд╕ рдкрд░)ред

рдореЗрд░реЗ рдореБрджреНрджреЗ рдХрд╛ рдХрд╛рд░рдг рдпрд╣ рдерд╛ рдХрд┐ рдореЗрд░рд╛ рдбреНрд░реИрдЧ рд╣реИрдВрдбрд▓рд░ (рдШрдЯрдХ ref={props.connectDragSource} ) рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд░реВрдЯрд░ рд╕реЗ <Link> рдЕрдВрджрд░ рдерд╛ред

рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдХреНрдпреЛрдВ рд╕рдорд╕реНрдпрд╛ рдкреИрджрд╛ рдХрд░ рд░рд╣рд╛ рдерд╛ рд▓реЗрдХрд┐рди рдЬреИрд╕реЗ рд╣реА рдореИрдВрдиреЗ рдЗрд╕реЗ <Link> рдмрд╛рд╣рд░ рд░рдЦрд╛, рд╕рдм рдХреБрдЫ рдареАрдХ рд╣реЛ рдЧрдпрд╛ред

рдорд╛рдорд▓реЗ рдореЗрдВ рдпрд╣рд╛рдВ рдкреЛрд╕реНрдЯ рдХрд░рдиреЗ рд╕реЗ рдХрд┐рд╕реА рдХреЛ рдорджрдж рдорд┐рд▓рддреА рд╣реИ

рдореИрдВ рдбреЗрдмрд┐рдпрди 10 рдкрд░ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 60.8.0esr рдореЗрдВ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдорд┐рд▓рд╛ рд╣реИред

requestAnimationFrame рдЕрдВрджрд░ рдХреА рд╕реНрдерд┐рддрд┐ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдХреЗ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рдареАрдХ рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдбреНрд░реИрдЧрд┐рдВрдЧ рдФрд░ рдХреНрд░реЛрдо рд╕реБрд╕реНрдд рдФрд░ рдЯреВрдЯ рдЬрд╛рддрд╛ рд╣реИред

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдмрдВрдж рди рдХрд░реЗрдВред рдпрд╣ рдЕрднреА рднреА рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 60.9.0esr рдореЗрдВ рдЯреВрдЯ рдЧрдпрд╛ рд╣реИред

@SystemParadox рдЖрдк рдХрд┐рд╕ OS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ?

рд▓рд┐рдирдХреНрд╕ (рдбреЗрдмрд┐рдпрди 10)ред рдореБрдЭреЗ рдЕрднреА рддрдХ рдЗрд╕реЗ рд╡рд┐рдВрдбреЛрдЬрд╝ рдкрд░ рдЖрдЬрд╝рдорд╛рдиреЗ рдХрд╛ рдореМрдХрд╛ рдирд╣реАрдВ рдорд┐рд▓рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЗрд╕рдХреЗ рдЕрд▓рдЧ рд╣реЛрдирд╛ рдмрд╣реБрдд рдЕрдЬреАрдм рд▓рдЧрддрд╛ рд╣реИред

рдлреЗрдбреЛрд░рд╛ 30
рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ 69.0.1 рдореЗрдВ рд╕рднреА рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ
рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рд░рд╛рдд рдореЗрдВ рдЯреВрдЯреА 70.0a1 (2019-08-21)

  • 68.10.0esr рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ
  • 78.0.2 рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ

рдпрджрд┐ рд╡реЗ рдЗрд╕реЗ 70.0a1 рдореЗрдВ рддреЛрдбрд╝рддреЗ рд╣реИрдВ рддреЛ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдЯреВрдЯ рд░рд╣рд╛ рд╣реИ, рдЬреЛ рдереЛрдбрд╝рд╛ рд╕рд╛ рд╡рд┐рд╖рдп рд╣реИред рдпрджрд┐ рдпрд╣ рдлрд┐рд░ рд╕реЗ рдЯреВрдЯ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рд╣рдореЗрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рдирдВрдЧреЗ рдиреНрдпреВрдирддрдо рдкрд░реАрдХреНрд╖рдг рдорд╛рдорд▓рд╛ рдмрдирд╛рдиреЗ рдФрд░ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рджреЗрд╡реЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рдЯрд┐рдХрдЯ рдЬрдорд╛ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

bebbi picture bebbi  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dreamcog picture dreamcog  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

gocreating picture gocreating  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yaoyuande picture yaoyuande  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Vadorequest picture Vadorequest  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ