Які етапи життєвого циклу класової компоненти замінює useEffect?

Що ви зараз бачите перед собою? Це - скарб. Тому що дане питання полюбляють запитувати як і в Junior розробників, так і Senior.

Давайте трішки пригадаємо.

Які взагалі параметри приймає useEffect?
- Функцію і масив залежностей. Почнемо з останнього. Залежності - це просто список ваших змінних, при зміні яких, ваша компонента буде ререндеритись, тобто буде викликати функцію, яку передали як перший параметр.

А якою ж може бути функція, яку передали в useEffect?
- Та будь-якою! Тільки вона не повинна приймати ніяких параметрів та, за бажанням, може повертати функцію зачистки (так-так, функція повертає функцію). Цю зачистку React викликає перед повторним викликом useEffect або перед unmount компоненти.

Тож повернемось до наших баранів. Проста відповідь на основне питання - componentDidMount, componentDidUpdate та componentWillUnmount.

useEffect дійсно обовʼязково запускається після того, як замаунтив компоненту в DOM. Тому, якщо ви хочете симулювати роботу didMount - передайте в компоненту пустий масив залежностей (в ньому всередині точно нічого не буде змінюватись).

Якщо хочете отримати didUpdate - взагалі не передавайте нічого як залежності (пропустіть параметр). В такому випадку React запускатиме ваш ефект при будь-яких змінах у компоненті.

Ну і як же отримати willUnmount? Згадуємо про повернення функції зачистки. Якщо у нас не буде залежностей в масиві, ця зачистка запуститься саме один раз - перед unmount компоненти.

Читати документацію

#interview

❗️Кінець розіграшу о 18:00. Не впусти свій шанс!

Цей момент настав - рівно рік нашому блогу! 🥳

Ще раз дякуємо всім, хто залишається з нами. Ми ніколи не думали, що зможемо зібрати таких крутих, цікавих, розумних людей в одному місці. Дякуємо вам, що надихаєте нас рухатись далі 💛

І як обіцяли, даруємо вам курси в честь свята!

Отож, наші переможці:
- @sourcehelper
- @Zohan_20
- @Ostr_Maria

Якщо добре пам'ятаєте, у нас було окреме місце для підписника, який зробить пост оригінально. І це - @MSTRID . Ви також отримуєте курс на будь-якій платформі за таких самих умов як і інші переможці.

Вітаємо! Сподіваємось, що курс, який ви оберете, значно допоможе вам у вашому професійному рості 🎉

В коментарях ділимось відео, де детально видно, що переможців обирало абсолютно чесно і рандомно.

#todo пройти опитування - https://bit.ly/3fKu7fN

У команди Just Join IT, виникли питання про бонуси в ІТ компаніях і чи взагалі користуються ними наші ІТ-спеціалісти. Вони зробили дуже важливе опитування, результати якого допоможуть закордонним компаніям краще зрозуміти український ІТ ринок та звернути уваги на потреби українських програмістів.

Маєте 3 хвилини? Напишіть короткі відповіді на питаннячка 👉 https://bit.ly/3fKu7fN

Personal websites

У різних сервісах для пошуку роботи зазвичай можна додавати своє cv, посилання на GitHub та багато чого іншого. І от серед цього всього іншого часто буває така опція як портфоліо. Не буду гадати наскільки це ефективно в пошуку роботи, але особисто для мене це досить "прикольний" плюс.

Нещодавно на Youtube наткнувся на канал розробника, який оглядає цікаві портфоліо, і там дійсно є на що подивитись. Загалом, залітайте, надихайтесь і черпайте ідеї для себе 💛

Дивитись відео

#tips

Welcome 👋

Let's practice our English today! So ...

👉 Tell us how did you decide to join IT?

Нам буде дуже цікаво почути ваші історії. Як завжди, можете писати свої відповіді тут або в чаті.

Have a nice Friday! 💛

#english_friday

Хей 👋

🚀 Ділимось в вами надзвичайно крутим ресурсом - Web Skills

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

Зберігайте - https://andreasbm.github.io/web-skills/

#tips

За традицією, у вівторок ми розбираємо питання, які найчастіше задають на співбесідах. Але сьогодні, хочемо пошарити вам круту статтю, де відповідають на найпоширеніші запитання щодо TypeScript на StackOverflow.

У цій статті, автор дослідив 7 питань, які найчастіше з'являються на StackOverflow. Завдяки ній, ви зможете глибше зрозуміти типові проблеми, з якими може зіткнутись розробник, використовуючи TypeScript. Це також актуально, якщо ви тільки вивчаєте TypeScript — що може бути кращим, ніж ознайомитися зі своїми майбутніми челенджами! 🚀

Відкрити статтю

#interview

Хей-хей 👋

Хочете крутий тікток з YouTube на вечір (ми занадто старі, щоб знати, як то правильно обзивається)? 😂

Тут автор розповідає, як пофіксати одну із найпопулярніших проблем під час верстки - це заливка повністю background контейнера всередині іншого контейнера. Нічого не зрозуміло з мого опису, але подивіться, там до хвилини часу. Мене це відео вже раз врятувало 😉

Відкрити посилання

#tips

Hello 👋

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

👉 Name your favorite film and explain why you like it.

Якраз можна буде сформувати свій список, що подивитись на вихідних! І як завжди, можете писати свої відповіді тут або в чаті.

Have a wonderful Friday! 💛

#english_friday

Ми запізнились!

Я думаю, вже більшість бачили, що Notion вирішив усіх здивувати і запустив тестування «цифрового копірайтера». Він працюватиме з текстами на базі штучного інтелекту.

Також копірайтер зможе:

- створювати тексти для блогу;
- створювати пости y соцмережі;
- писати «продажні» листи;
- створювати вірші;
- складати списки плюсів та мінусів кожного сценарію;
- оформлювати структуру та багато іншого!!

А так, як ми є активними користувачами, то не можемо пройти повз і вже стали в чергу на отримання бета версії. Ділимось запрошенням і з вами!

Псс: якщо ви студент і маєте корпоративну пошту вашої шараги, то зможете отримати Pro версію безкоштовно (як ми і зробили) 🤫

Відкрити посилання

#news

Хей-хей 👋

Ми трішки випали на кілька днів і в якості наших вибачень, шаримо з вами смішний екстеншн в VS Code. Тепер помилки, які вилітають під час кодування, не здаються такими вже і серйозними 😂

Відкрити посилання

Welcome 👋

росія - країна гній, але це не завадить нам підтримати нашу традицію! Тому…

👉 Tell us what is the first thing you will do after the end of the war and win of Ukraine (except drinking 😅)?

Як завжди, можете писати свої відповіді тут або в чаті.

Have a nice Friday! 💛

#english_friday

Привіт 👋

Як нам всім відомо, найкраще вивчати програмування на практиці. Тому ділимось з вами крутими іграми для вивчення CSS.

CSS Diner практикуйте CSS селектори у цікавому форматі.
CSS Battle використовуйте свої навички CSS, щоб відтворити картинку за допомогою HTML/CSS.

👉 Хто пропустив, для вивчення Flexbox та Grid у нас також була своя підбірка - відкрити пост

Зберігайте! 💛

#tips