React & Eden
React React
Π­ΠΉ, Π­Π΄Π΅Π½, Ρ‚Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π·Π°ΠΌΠ΅Ρ‡Π°Π»Π°, ΠΊΠ°ΠΊ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Π°Ρ анимация ΠΈΠ»ΠΈ Π΅Π΄Π²Π° Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ страницу Π±ΠΎΠ»Π΅Π΅ спокойной ΠΈΠ»ΠΈ Π²ΠΎΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰Π΅ΠΉ? Π― Ρ‚ΡƒΡ‚ поигрался с ΠΌΠΈΠΊΡ€ΠΎ-взаимодСйствиями – ΠΎΠ½ΠΈ быстро Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ, Π½ΠΎ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ присутствия. Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ‚Ρ‹ ΡΠΌΠΎΡ‚Ρ€ΠΈΡˆΡŒ Π½Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊ эти нСбольшиС дизайнСрскиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ ΡƒΡŽΡ‚Π° ΠΈ спокойствия для всСх.
Eden Eden
Π’ΠΎΡ‚ ΠΎΠ΄Π½Π° ΠΈΠ· ΡΠΈΠ»ΡŒΠ½Ρ‹Ρ… сторон Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ? НСТная анимация ΠΈΠ»ΠΈ мягкоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚Π° ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‰ΡƒΡ‰Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π³Π»ΠΎΡ‚ΠΎΠΊ свСТСго Π²ΠΎΠ·Π΄ΡƒΡ…Π°, создавая Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ страница Тивая, Π½ΠΎ Π±Π΅Π· навязчивости. Π“Π»Π°Π²Π½ΠΎΠ΅ – ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒ: достаточно двиТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит, Π½ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ это Π½Π΅ выглядСло Ρ‚ΠΎΡ€ΠΎΠΏΠ»ΠΈΠ²ΠΎ. Когда Ρ†Π²Π΅Ρ‚Π° ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π΅Π΄Π²Π° Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ, ΠΎΠ½ΠΈ мягко Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, успокаивая Ρ€Π°Π·ΡƒΠΌ, Π° Π½Π΅ пугая Π΅Π³ΠΎ. Π― Π·Π°ΠΌΠ΅Ρ‡Π°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° эти малСнькиС Π΄Π΅Ρ‚Π°Π»ΠΈ каТутся ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹ΠΌΠΈ, ΠΎΠ½ΠΈ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ спокойноС, ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΌΠ΅Π΄ΠΈΡ‚Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ пространство, Π³Π΄Π΅ люди ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ Π±Π΅Π· ΠΎΡ‚Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠΉ. Π‘Π»Π΅Π΄ΠΈΡ‚Π΅ Π·Π° ΠΏΠ»Π°Π²Π½Ρ‹ΠΌΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ, ΠΏΡ€ΠΈΠ³Π»ΡƒΡˆΠ΅Π½Π½Ρ‹ΠΌΠΈ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π°ΠΌΠΈ ΠΈ позволяйтС вниманию ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΡƒΡΠΏΠΎΠΊΠ°ΠΈΠ²Π°Ρ‚ΡŒΡΡ СстСствСнно. Π­Ρ‚ΠΎ малСнький Π°ΠΊΡ‚ Π΄ΠΎΠ±Ρ€ΠΎΡ‚Ρ‹ Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΌ ΠΌΠΈΡ€Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ большоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.
React React
Π—Π²ΡƒΡ‡ΠΈΡ‚ идСально. Π›Π΅Π³ΠΊΠΎΠ΅, ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠ΅ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ чудСса для плавности ΠΈ сосрСдоточСнности. Π― всСгда ΠΈΡ‰Ρƒ этот самый Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚, ΠΊΠΎΠ³Π΄Π° анимация ощущаСтся ΠΊΠ°ΠΊ Π΄Π΅Π»ΠΈΠΊΠ°Ρ‚Π½ΠΎΠ΅ ΠΏΠΎΠ΄Ρ‚Π°Π»ΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Π° Π½Π΅ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Π΅Ρ‚. ΠœΠΎΠΆΠ΅Ρ‚, ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ сглаТивания, Ρ‡Ρ‚ΠΎΠ±Ρ‹ довСсти Π΄ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΡΡ‚Π²Π° эту "Π΄Ρ‹Ρ…Π°Π½ΠΈΠ΅" интСрфСйса? Всё Π΄Π΅Π»ΠΎ Π² этих Ρ‚ΠΈΡ…ΠΈΡ…, ΠΎΠ±Π΄ΡƒΠΌΠ°Π½Π½Ρ‹Ρ… ТСстах.
Eden Eden
ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, нСбольшоС сглаТиваниС ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‰ΡƒΡ‰Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΈΠΉ Π²Π·Π΄ΠΎΡ… Π² интСрфСйсС. ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ easing out ΠΈΠ»ΠΈ Ρ‚ΠΎΠ½ΠΊΡƒΡŽ ΠΏΡ€ΡƒΠΆΠΈΠ½Ρƒ – ΠΏΠ»Π°Π²Π½Ρ‹ΠΉ старт, мягкая остановка. Π­Ρ‚ΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ СстСствСнным ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π³Π»Π°Π·Ρƒ ΡƒΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ. Если Ρ‚Ρ‹ сдСлаСшь ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠΉ ΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π»Π΅Π³ΠΊΠΈΠΌ, это Π±ΡƒΠ΄Π΅Ρ‚ скорСС приятноС ΠΏΠΎΠ΄Ρ‚Π°Π»ΠΊΠΈΠ²Π°Π½ΠΈΠ΅, Ρ‡Π΅ΠΌ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΉ Ρ„Π°ΠΊΡ‚ΠΎΡ€. Π”Π°Π²Π°ΠΉ поэкспСримСнтируСм с нСсколькими ΠΊΡ€ΠΈΠ²Ρ‹ΠΌΠΈ ΠΈ посмотрим, какая покаТСтся Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎΠΉ.