❗️Хлопці, дівчата, майбутні колеги - вчіть англійську❗️

Український ринок, нажаль, обмежений. Конкуренція тут буде завжди вища, проектів завжди менше.

Якщо ви хочете знайти дійсно цікаву роботу - вчіть англійську і обов'язково практикуйтесь в розмовній мові - на рівні можливості пройти інтерв'ю.

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

Це не питання вибору - це необхідність

П.М. Мені мова дається складно, але якось виплив же

@reactbeginners

🤯 За вчора, за три години отримали більше двохсот відгуків

З однієї сторони це добре - бо маємо можливість вибирати.
З іншої сторони це свідчить про просто велетенську кризу на ринку початківців що навіває лише сум і співчуття.

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

💪Тому вірте в себе, продовжуйте навчання та пошуки, і допомагайте ЗСУ. Чим швидше ми переможемо, тим швидше все піде на краще.

@reactbeginners

Всі ж пам'ятають, що useEffect:

1️⃣ Виконується вже після рендеру компоненту
2️⃣ У випадку маніпуляції зі стейтом - викликає повторний рендер і самого компоненту, і скоріше за все, його нащадків?

👁Тепер подивіться на приклад коду на зображенні. Маємо каунтер і маємо ефект, який спостерігає за ним. Коли каунтер змінюється, ми оновлюємо умовну data - наче все просто.

❓Чому цей код "не дуже"? Тому що відбувається наступне:

1. Викликається setCounter
2. Відбувається перерендер компонента і його нащадків
3. Викликається effect
4. Оновлюється state що ще раз викликає перерендер компонента і його нащадків

Якщо внизу лежить щось "дороге" - будемо мати проблеми зі швидкодією. Плюс наш код з лінійного і синхронного перетворюється на казна що.

🤔А тепер уявіть собі декілька ефектів які поєднуються в ланцюг?

🥶Я бачив такі ланцюги з трьох-чотирьох ефектів і, повірте, це не те що ви хочете мати у своєму проекті.

P.M. Працюю над відео про тести, думаю будео одразу мучити Next.

@reactbeginners

Так а який вихід?

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

Хіба не просто❓

😁Не міг не поділитися знахідкою

Не пишіть SPA салони, пишіть SPA застосунки 😎

Шкода це у доповідь не вставити)

Вчора готував апку, щоб показувати на ній тестування, але...

🤪 Але замість апки написав першу в своїй житті гру 😅 у жанрі текстовий квест.

Що цікаво - гра вийшла майже повноцінна, з трьома кінцівками, але абсолютно не придатна до тестування через її простоту - там буквально немає що тестувати 😁 Весь код займає приблизно 100 рядків разом з компонентами для відображення. А логіка - 40 рядків)

Тому, доведеться все починати все з початку - але я ні про що не жалкую, це було супер цікаво!

Є шанс що мені доведеться брати паузу на певний час. Якщо так станеться - я напишу.

Мені тут підкинули мапу розвитку фронтенд-розробника.

👉 Початківцям
👉 Повна версія

Не з усім я згоден (наприклад БЕМ в умовах scoped стилів втрачає актуальність), але схема корисна.

Зверніть увагу на легенду до мапи, вона спрощує розуміння і зменшує обсяг необхідного матеріалу.

@reactbeginners

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

❓ Коли саме виконується функція, яку повертає колбек 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 гривнями - прошу, дівчата точно будуть раді.