🧐Цікаве питання на співбесіду*

❓ Коли саме виконується функція, яку повертає колбек useEffect

🤔🤔🤔ПАУЗА НА ПОДУМАТИ🤔🤔🤔

Очевидна, але неповна відповідь: Функція, яку повертає колбек useEffect викликається перед тим, як компонент буде видалено з DOM.

Повна відповідь: Функція, яку повертає колбек useEffect викликається кожен раз після зміни залежностей useEffect І перед тим, як компонент буде видалено з DOM.

😉Суттєва різниця, еге ж? Це дає розуміння того, як відміняти вже не актуальні запити на бекенд, коли параметри запиту змінилися до отримання його результату.

Приклад коду на погратися

* Питання звісно не для інтернів

Складно? Наче так, але це тільки так виглядає, чесно. Якщо погратися з прикладом, все стане на свої місця дуже швидко.

А це дійсно потрібно розуміти, тому що життєвий цикл React компонентів тема дійсно важлива, і, я б сказав, фундаментальна для React.

П.М. Насправді React досить маленький, таких моментів не багато, так що не засмучуйтесь. Angular складніший, а fp-ts ще складніший).

Тестування та React - Навіщо? Як? Чим? + подарунки

👉 Ще один обіцяний ефір - на цей раз про тестування, відбудеться 10.10 о 19:00. Поговоримо про те навіщо воно треба (або не треба), які бувають тести взагалі, як обирати що покривати тестами, а що лишати до кращих часів. А ще напишемо три тести за допомогою Jest та Cypress - щоб подивитися як це взагалі виглядає.

🎁 Окрім цього я ще й підготував для вас подарунки (на цей раз навіть без зборів 😀):

* Два бандли Quoka.JS + Wallaby.JS річних ліцензій
* Одну Quoka.JS річну ліцензію.
* Безкоштовний квиток на React+TS fwdays’23

❗️Для того щоб прийняти участь у розіграші ліцензій потрібно записатися у форму та прийти на ефір. А безкоштовний квиток отримає автор найкращого запитання по темі під час ефіру.

Чекаю на вас у вівторок, о 19:00. Буду вдячний за поширення!

Бережіть себе і скоро побачимося.
@reactbeginners

Поширте, кому не складно, цей пост в LinkedIn.
Дякую 💪

Сергій проводить співбесіду з React - чи згадає він про Recoil - ось у чому питання? 😀
Гарної співбесіди всім)

#анонс #співбесіда
Моя наймолодша кандидатка вважала світ веброзробки магічним, ніби Гоґвортс, допоки не наважилася стати його частиною. Розпочавши свій шлях до мети уже під час повномасштабного вторгнення та без власного ноутбука, вона знайшла свою наставницю, свою особисту Мінерву Макґонеґел в особі подруги сестри, розробниці на VueJS, що познайомила її з чарами програмування та переконала мою кандидатку в тому, що вона зовсім не маґл.

Однак, як і будь-який герой чарівної історії, вона стикнулася зі справжнім випробуванням власної рішучости та впевнености, потрапивши у жорстокі та безжальні реалії сучасного ринку найму. Саме тому вона виявила бажання перевірити себе та свої можливості, хоч і вважає себе найсправжнісінькою джуніоркою, що й мріяти не може мірятися з іншими моїми кандидатами.

У вільний від навчання магії веброзробки вона займається спортом, цікавиться різноманітною музикою, полюбляє подорожувати разом з друзями та сімʼєю, і трошечки, ну зовсім трошечки захоплюється світом Гарі Поттера.

Чи вхопить вона свій снитч? Ким стану після цієї співбесіди я — доброзичливим професором Люпином чи суворим та холодносердим професором Снейпом? Чи вдасться їй продовжити свій шлях та врешті-решт потрапити до Гоґвортсу і стати супер крутою чарівницею, себто розробницею?

Усе це ми разом із вами зможемо дізнатися лише під час етеру наступної співбесіди рівня React Junior з Богданою Кузьміною уже цієї п'ятниці, 6 жовтня, о 19:00 на моєму ютуб каналі "Сергій Бабіч та Дивовижний світ веброзробки"!

А таємний експерт цього разу прийде до нас на етер прямісінько з компанії Infopulse, однієї з найбільших в Україні! Понад 2000 фахівців це вам не жарти, так само, як і понад 30 років досвіду роботи в ІТ-галузі з більш ніж 280 клієнтами з понад 40 країн світу!


📅 06 жовтня, 19:00
📺 СПІВБЕСІДА React Junior | Богдана Кузьміна

P.S. Підписка, вподобайка, дзвіночок!

Присвячується всім, кому дуже подобається 100% покриття тестами 😎

Ефір буде тут (10.10, 19:00)

🔥Ефір про тестування вже за 5 хвилин🔥

Беріть чай, каву і приєднуйтесь до ефіру!

Відредагована версія ефіру доступна за посиланням і чекає на ваші перегляди, та, дуже важливо - коментарі

👉 Немає зворотнього зв'язку - немає покращення.

❗️Також розшукую автора найкращого запитання - на тебе чекає подарунок - квиток на FwDays React + TypeScript.

🎉 Радію що я потихеньку роздаю всі борги, яких залишилось не так і багато - одна доповідь на FwDays і курси з Next.JS. Що буде потім ще не знаю, побачимо ближче до зими.

На цьому все - всім гарного дня, бережіть себе, допомагайте ЗСУ!

Я тут іноді пишу про ідеальний код і дехто може подумати що в мене на проекті він таки "ідеальний"

👉 Так от - ідеального коду не буває. Іноді не вистачає знань, іноді вимоги занадто радикально змінюються і доводиться ліпити костилі, але, найчастіше - у вас ніколи не буде стільки часу щоб зробити код ідеальним. І це нормально, таке життя.

😉Що важливо - намагатися завжди залишати код хоча б трохи кращим ніж був до тебе. Не треба героїчних потуг переписати весь код* (складно, будуть баги, мерджі будуть з жахливими конфліктами), а от потроху - саме те. Десь виправити назву змінної на нормальну. Десь додати типи замість any, десь виділити код що повторюються в окремий компонент і вже буде краще. А якщо це буде робити ще й уся команда - то з часом навіть з какулі у вас буде нормальне рішення яке приємно читати та не складно підтримувати.

* Пише людина з останнім ПР у 80+ файлів, іронія вона така, ага.

@reactbeginners

Про залишок на рахунку

🚚 У мене є знайомі які возять авто для ЗСУ - лише за останній місяць вони привезли чотири пікапи. Все офіційно, під лист від в/ч (хто возить той знає, наскільки це важливо). Але пікапи потрохи закінчуються, відповідно ціни на них ростуть. А от грошей, нажаль, більше не стає.

🙄У нас же досі лежить залишок в 4_000+ гривень, які я зберігав на ретранслятор для FPV. Але, нажаль, ретранслятор поки що і досі не готовий, тому, якщо ви не проти, я перекину їм цей залишок. Бо машини зараз потрібні не менше ніж ті самі FPV або мавіки. А на ретранслятор ми ще назбираємо.

❤️Ну, а у в кого є бажання долучитися своїми 20 гривнями - прошу, дівчата точно будуть раді.

🤘Ось такого шматочку коду виявилося достатньо для того, щоб "зламати гугол" чотири роки тому.

Маленький шматочок коду, посилання в e-mail і наша маленька Reflected XSS готова робити дива з вашим акаунтом 😎

А ви кажете що фронтенд то просто формошльопство і нічого там складного немає.😉

@reactbeginners

Людина яка виграла квиток на FwDays так і не з'явилась 😢
Тому квиток їде іншій людині, яка задавала не менш цікаві питання)

П.М. Ну не солити ж мені їх 😉

🐈Корисний прийом для EsLint🐈

😤 Якщо вас бісять помилки від EsLint які, не є справжніми помилками JavaSript, але ви все ще хочете ці помилки бачити - можна виставити їм правило warn замість error. Але тут одразу з'являється проблема - тепер ваш білд (локальний, або на сервері) не "впаде" коли побачить ці помилки, що може бути не бажано.

👉 Для того щоб поєднати переваги обох ситуацій можна зробити наступний трюк:

1. Перейменувати .eslintrc.json в .eslintrc.js
2. Змінити JSON на module.exports
3. Переписати бажане правило наступним чином:

'@typescript-eslint/no-unused-vars': [
process.env.NODE_ENV === 'development' ? 'warn' : 'error',
]

🎉 Тепер, коли ви запустите застосунок для локальної розробки, студія це побачить і порушення цього правила будуть все ще виділені, але вже в якості попередження. Це дасть вам можливість візуально відрізнити справжні помилки, на кшталт не оголошеної змінної, від помилок умовних, які не заважають кодові працювати.

А от коли ви, або сервер, запустить білд, NODE_ENV буде змінена, всі порушення стануть помилками і не дадуть поганому коду потрапити в кодову базу. І всі щасливі 😎

Пішов збиратися, побачимося через декілька днів.

@reactbeginners

❗️Якщо ви тільки починаєте, не йдіть у фулстек❗️

Просто - не йдіть. "Фулстек за 3 місяці" це може й не зовсім шахрайство, але так близько до цього як тільки можна.

Проблема тут не в тайтлі, фулстек це чудовий шлях який дасть вам дуже багато свободи для розвитку і багато можливостей. Тут з цим усе добре.

Проблема в тому, що вивчити хоча б фронт-енд за 3 місяці на пристойному для інтерна рівні то адове завдання яке вимагає від вас та від ментора 200% зусиль. І то далеко не факт що вийде.

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

Не ведіться на красиву картинку. Почніть з чогось одного, а вже потім, коли опануєте одну галузь - починайте працювати над другою.

FwDays rocks

❤️ От і пройшла моя перша, за довгий, час офлайн конференція ❤️

Було дійсно класно, конференція вийшла одночасно камерною (всього один трек), але цікавою - коли ти вилазиш зі своєї бульбашки і слухаєш інших людей - приходять нові ідеї та натхнення. А за одну з доповідей мене взагалі гордість взяла - які круті речі роблять наші розробники. Тож я дуже задоволений тим як все пройшло, хоча і стомлений. Дякую @FwDays за організацію та зусилля!

А які у вас враження (якщо хтось був?)

П.М. Після конференції вирішив взяти паузу на два тижні трохи перепочити. Тож певний час у нас тут буде тиша. Але не сподівайтеся, я повернуся і продовжу мучити вас Реактом. Хоча, після доповіді Іллі Клімова, вже й не знаю чи саме Реактом :)

📝Нотатки про доповіді 📝

Бабіч, Про інтерв'ю.
Інтерв'ю це великий біль для всіх. Що робити - ставится відповідально та людяно.

Про react-native. Не дивився, але те що його ще не перебив flutter вже добре.

Про бойлерплейт. CTO чудак на літеру м, який диктує командам типи експорту. Кодогенерація - варіант якщо у вас декілька команд на одному стеку.

Про формошльопство
Фронт-енд складний, треба вчити. Ок, буду вчити.

Про мілтех.
40 людей на місце до них. Продукт крутий, цікава архітектура багатошарового фронт-енд з React. Я б подивився.

Клімов, Про React.
Дуже цікаво. Подивитися rescript, solid, signals. Обережно з NextJs.