React-window: рдЪрд░ рдЖрдХрд╛рд░ рд╕реВрдЪреА рдЧрддрд┐рд╢реАрд▓ рдЖрдЗрдЯрдо рдКрдВрдЪрд╛рдИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 26 рдорд╛рд░реНрдЪ 2019  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: bvaughn/react-window

рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдХреИрд╕реЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдП рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЖрдк рдКрдВрдЪрд╛рдИ рдХреЛ рдареАрдХ рдХрд░рддреЗ рд╣реИрдВред рдореИрдВ рдЖрдЗрдЯрдо рддрддреНрд╡ рдХреА рдКрдВрдЪрд╛рдИ рдХреИрд╕реЗ рдорд╛рдкреВрдВ? рд╢рд╛рдпрдж рдореБрдЭреЗ рдЗрд╕ рд░реЗрдкреЛ рдореЗрдВ рдХреБрдЫ рдпрд╛рдж рдЖ рд░рд╣рд╛ рд╣реИред рдПрдлрд╡рд╛рдИрдЖрдИ, рдореИрдВ рдЪреИрдЯ рд╕реВрдЪреА рд▓рд╛рдЧреВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдЬрд┐рд╕рдореЗрдВ рдЧрддрд┐рд╢реАрд▓ рдКрдВрдЪрд╛рдИ рд╣реИред

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

рд╣рд╛рдп @bvaughn , рдПрдХ рдмрдВрдж рдореБрджреНрджреЗ рдкрд░ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИред рдореИрдВ рдмрд╕ рдЗрд╕ рдмрд╛рдд рдХреЛ рд╕реНрдкрд╖реНрдЯ рдХрд░ рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ...
рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдЕрдЧрд░ рдореИрдВ рдЕрдкрдиреА рд╕реВрдЪреА рд╡рд╕реНрддреБрдУрдВ рдХреА рдКрдВрдЪрд╛рдИ рдХреЛ рдкрд╣рд▓реЗ рд╕реЗ рдирд╣реАрдВ рдЬрд╛рдирддрд╛, рддреЛ рдореЗрд░реЗ рдкрд╛рд╕ рдЧрддрд┐рд╢реАрд▓ рд╕рд╛рдордЧреНрд░реА рд╡рд╛рд▓реЗ рд╕реВрдЪреА рдЖрдЗрдЯрдо рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП VariableSizeList рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрджрд┐ рдореЗрд░реА рдХреБрдЫ рд╕реВрдЪреА рд╡рд╕реНрддреБрдУрдВ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдЖрдХрд╛рд░ рдХреА рдЫрд╡рд┐рдпрд╛рдВ рд╣реИрдВ, рдЬрд┐рдиреНрд╣реЗрдВ рдореИрдВ рдкрд╣рд▓реЗ рд╕реЗ рдирд╣реАрдВ рдЬрд╛рдирддрд╛, рддреЛ рдореИрдВ рд╡рд┐рдВрдбреЛ/рд╡рд░реНрдЪреБрдЕрд▓рд╛рдЗрдЬреНрдб рд╕реВрдЪреА рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП VariableSizeList рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рдкрд╛рдКрдВрдЧрд╛?

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

+1

рдпрд╣ рдЕрднреА рддрдХ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ (рдЬрдм рддрдХ рдХрд┐ рдЖрдк рд╕рдордп рдкрд░ рд╕рд╛рдордЧреНрд░реА рдХреЛ рдорд╛рдкрдирд╛ рдирд╣реАрдВ рдЪрд╛рд╣рддреЗ, рдЬрд┐рд╕рдХреА рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдиреБрд╢рдВрд╕рд╛ рдирд╣реАрдВ рдХрд░рддрд╛)ред

рд╣рд╛рд▓рд╛рдВрдХрд┐ рд╕рдорд░реНрдерди рдХреА рд╕реНрдерд┐рддрд┐ рдХреЗ рд▓рд┐рдП рдЕрдВрдХ #6 рджреЗрдЦреЗрдВред

рд╣рд╛рдп @bvaughn , рдПрдХ рдмрдВрдж рдореБрджреНрджреЗ рдкрд░ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИред рдореИрдВ рдмрд╕ рдЗрд╕ рдмрд╛рдд рдХреЛ рд╕реНрдкрд╖реНрдЯ рдХрд░ рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ...
рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдЕрдЧрд░ рдореИрдВ рдЕрдкрдиреА рд╕реВрдЪреА рд╡рд╕реНрддреБрдУрдВ рдХреА рдКрдВрдЪрд╛рдИ рдХреЛ рдкрд╣рд▓реЗ рд╕реЗ рдирд╣реАрдВ рдЬрд╛рдирддрд╛, рддреЛ рдореЗрд░реЗ рдкрд╛рд╕ рдЧрддрд┐рд╢реАрд▓ рд╕рд╛рдордЧреНрд░реА рд╡рд╛рд▓реЗ рд╕реВрдЪреА рдЖрдЗрдЯрдо рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП VariableSizeList рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрджрд┐ рдореЗрд░реА рдХреБрдЫ рд╕реВрдЪреА рд╡рд╕реНрддреБрдУрдВ рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдЖрдХрд╛рд░ рдХреА рдЫрд╡рд┐рдпрд╛рдВ рд╣реИрдВ, рдЬрд┐рдиреНрд╣реЗрдВ рдореИрдВ рдкрд╣рд▓реЗ рд╕реЗ рдирд╣реАрдВ рдЬрд╛рдирддрд╛, рддреЛ рдореИрдВ рд╡рд┐рдВрдбреЛ/рд╡рд░реНрдЪреБрдЕрд▓рд╛рдЗрдЬреНрдб рд╕реВрдЪреА рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП VariableSizeList рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рдкрд╛рдКрдВрдЧрд╛?

рддреЛ рдХреНрдпрд╛ рдХреЛрдИ рдЕрдиреНрдп рдкреИрдХреЗрдЬ рдирд╣реАрдВ рд╣реИ рдЬреЛ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рд╕рд╛рдордЧреНрд░реА рдХреЛ рдорд╛рдк рд╕рдХреЗ?

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

рдЕрдЧрд░ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░рд╛ рд╕рдВрджреЗрд╢ рдмреБрд▓рдмреБрд▓рд╛ 500px рдЪреМрдбрд╝рд╛ рд╣реЛрдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рддреЛ рдореЗрд░реЗ рд▓рд┐рдП рдмрдмрд▓ рдХреА рдКрдВрдЪрд╛рдИ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИ рдЬрдм рддрдХ рдХрд┐ рдореИрдВ рдЗрд╕реЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдкреНрд░рд╕реНрддреБрдд рдирд╣реАрдВ рдХрд░рддрд╛?

рдмрд╕ рд╕рдордп рдорд╛рдк рдореЗрдВ рд╡рд░реНрдЪреБрдЕрд▓рд╛рдЗрдЬреЗрд╢рди рдХреЗ рдЙрджреНрджреЗрд╢реНрдп рдХреЛ рд╣рд░рд╛ рджреЗрддрд╛ рд╣реИ ...

рд╡реИрд╕реЗ рдЕрджреНрднреБрдд рдкреИрдХреЗрдЬ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВ рдЗрд╕реЗ рдореАрдбрд┐рдпрд╛ рдлреАрдбреНрд╕ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред


рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рдЬреИрд╕рд╛ рдХрд┐ рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рд╣реИ, рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рдордп-рд╕рдордп рдкрд░ рдкреНрд░рддрд┐рдкрд╛рджрди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЙрддрдирд╛ рдмреБрд░рд╛ рдирд╣реАрдВ рд╣реИ, рдЦрд╛рд╕рдХрд░ рд╕рд╛рдзрд╛рд░рдг рдкрд╛рда рдХреЗ рд▓рд┐рдПред

рдпрд╣ рдЙрджрд╛рд╣рд░рдг рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ: https://codesandbox.io/s/dynamic-size-of-react-window-list-items-64o9p

рдЗрд╕ рдЯрд┐рдкреНрдкрдгреА рдХреЗ рдЕрдиреБрд╕рд╛рд░: https://github.com/bvaughn/react-window/issues/6#issuecomment -538261156

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

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

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

marian-c picture marian-c  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ivan-badmaev picture ivan-badmaev  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

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

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