Free React For Beginners
3.36K subscribers
231 photos
5 videos
1 file
387 links
💻 Про #React та #frontend та #веб розробку
🧑‍🎓 Для початківців і не тільки

👉 https://www.youtube.com/@reactdev
Download Telegram
От бачите, не подбали трохи за безпеку і вже в сибіру палає.
Хай там навіть 20 літаків пошкоджено, але це просто найсильніша операція ССО у світі за якою можна знімати фільми будь-якого рівня.

Вітаю всіх причетних, та й нас звісно)

А ви будьте уважні, наступні тривоги не ігноруйте.
Побачимося, почуємося :)

Ваш зампомиш.
🔥848🍾2🏆1
Харків, співчуваю. росії байдуже кого вбивати. Власне їй навіть на своїх глибоко байдуже.

А з КАБами зараз можна боротися лише вибиваючи їх літаки. Робота ведеться але це займе час.

Харків, тримайся(
61
Паршива нічка. Як раз приїхав проходити ВЛК і тут таке.

В такі моменти шкодуєш що не служиш в ппо або не розробляєш далекобійну зброю.

Співчуваю...
💔48
Часта помилка початківців з мережевими запитами - ігнорування процесу завантаження та відсутність обробки помилок.

В чому суть. Поки ви розробляєте веб сторінку, у вас все добре. Сервер у вас десь поруч, не навантажений, всі запити проходять майже миттєво і завжди успішно.

На проді ситуація геть інша. Ваш клієнт може бути в іншій країні, а сервер буде завантажений, або просто недоступний з різних причин. В результаті - користувач тицяє кнопку, а нічого не відбувається. За кулісами запит то пішов, але користувач про це не знає. І тицяє ще раз. А потім іще... Це погано, і на щастя зараз майже всі відображають індикацію завантаження.

Але є але - часто забувають про обробку помилок. В результаті - користувач бачить вічний лоадер та заблокований UI. А перезавантажити сторінку - втратити форму яку користувач заповнював декільки хвилин. Або, якщо все зовсім погано, корзину яку він набирав... Щастя це не додає.

Другий момент - загальний loader який блокує геть весь екран, хоча заблокувати потрібно, наприклад, лише кнопку submit, або якийсь конкретний віджет. Звісно, нам так простіше - але, заблоковано має бути лише мінімально необхідна частина UI. Це дозволить продовжити роботу зі сторінкою поки користувач чекає на результат.

Тому, коли ви проектуєте щось з мережевими запитами - починайте з помилок. Замість fetch зробіть throw і подивіться як реагує ваш UI. І чи ок вам така реакція. Сповільніть інтернет через Google Developer Tools і вам одразу стане зрозуміло що не так.
37🔥10💯3👍1
Що ви тут взагалі?

Що нового в React? Що в NextJS? Як ринок - чи є робота?

Бачив що з'явилися нові ШІ для розробки (типу Cursor) але сам ще спробувати не міг, обмеження і все таке. Як воно вам?
10🏆1
Окрім обробки завантаження та обробки помилок, не забувайте також відписуватися від асинхронних подій - таймаутів, таймерів, requestAnimationFrame та запитів на сервер.

Зробити все це дуже просто - головне не забути про це :)

Для відміни мережевого запиту потрібно:

1. В useEffect створити екземпляр класу AbortController
2. Передати властивість signal в поле signal методу fetch (Axios це також підтримує)
3. Повернути з useEffect метод, який викличе abort на екземплярі AbortController

Все... Тепер, коли зміняться залежності ефекту, або коли компонент буде демонтовано, асинхронний запит буде відмінено.

З setTimeout, setInterval, requestAnimationFrame ще простіше. Вони повертають спеціальний id і все що вам треба зробити - викликати clearInterval, clearTimeout, cancelAnimationFrame у функції, яку повертає useEffect.

П.М. Планую зробити ефір в якому потоптатися по типових помилках в React. + Можливо зробити розіграш під благодійний збір на майстерню. Але поки це лише в планах.

Бережіть себе.
42👍14
Отака от несподівана новина

@FwDays запросили мене виступати в жовтні на React+ конфі

Було неочікувано та дуже приємно, вже навіть встигли обговорити з програмним комітетом можливу тему. Якщо вдасться все зробити - може бути прямо цікаво)

Але я про що - оскільки тема ще в роботі, ви можете запропонувати свою - про яку вам було б цікаво послухати. Хто зна, можливо саме її ви і почуєте зі сцени FwDays :)
34🔥7👏3
Отже про конфу.

Тема звісно #React, 18 жовтня, Київ.

Виступати будуть як мінімум Ілля Климов та Сергій Бабіч. Чи я буду - не знаю точно останнім часом було багато роботи, підготуватися просто не встигаю. Можливо буде альтернативний формат, побачимо.

Хто хоче прийти: Промо-код на 10%: FRFB2510
Хто хоче виступити (тех комітет там чудовий) тиць сюди

Бережіть себе, шахеди останнім часос геть озвіріли. Ну і скоро побачимось.

Ваш зампомиш.
23
Як покласти СlaudFlare на годину?

Виявляється нічого складного - все що треба, допустити помилку в масиві залежностей хуку useEffect і ClaudFlare заддосить сам себе.

Так що не сумуйте якщо у вас щось не виходить, всі помиляються. Головне не опускати руки)

Дякую пану Євгену за посилання
🔥16😁542🤯1
Повернувся на два дні в Київ) помитися поголитися відпочити)

В цілому все гаразд, роботи трохи є, але всі живі здорові, вже добре.

З цікавого активно розширюють штат для перехоплювачів шахедів. Має бути норм.

А так, продовжуємо служити. А ви як тут?
59❤‍🔥4