🚀 Next.js 13

Нещодавно була оголошена версія Next.js 13, яка внесла величезні зміни у фреймворк. Команда Next.js співпрацювала безпосередньо з командою React, щоб створити найкращу веб-платформу.

Основні оновлення:

- Next.js 13 містить Turbopack, який до❗️700❗️разів швидший, ніж Webpack.
- Не потрібна папка pages, за допомогою якої працював маршрутизатор. Тепер можна оголосити файл page.js в будь-якій папці і він стане роутом. Крім цього, з'явились нові файли, такі як - error.js (дана сторінка буде з'являтись, коли виникла помилка), loading.js (коли сторінка завантажується), layout.js (обгортає всі сторінки в папці в прописаний в даному файлі врапер).
- Значно спростили getServerSideProps.

і ще багато іншого. Тому, хто цікавиться даним фреймворком, рекомендую переглянути!

Відкрити документацію
Дивитись огляд від Fireship

🥳 а ще у нас нова рубрика - #news , в якій ми пишемо про події в сфері ІТ, які не залишать вас байдужими

❗️До кінця розіграшу залишилось 4 дні - доєднатись

Зʼявилась крута ідея? Xочеться створити стартап або класну програму, але для назви спадає на думку тільки BestProgram або SuperStartup? От нам це насправді знайомо. Нещодавно знайшли такий сервіс як Namelix, який за ключовими словами спробує підібрати імʼя для вашої ідеї.

Зберігайте та користуйтесь - відкрити посилання 💛

#tips

❗️До кінця розіграшу залишився всього 1 день! Останній шанс доєднатись завтра до 18:00. Не впусти його! 😉

Три місяці курсів - і я вже в IT?!

👋 Хей-хей! Маємо для вас круту ІТ-подію.

IT-індустрія і досі продовжує обростати новими міфами! Саме час спростувати деякі з них під час нового вебінару від Intellias. Долучайся 10 листопада, на каналі @IntelliStart у Telegram та вигравай один із двох павер бенків - Xiaomi Mi Wireless! Початок - о 18:00.

👉 Долучайся за посиланням:
https://yangx.top/+CN_zeMDNkA02MTli

#news

Які етапи життєвого циклу класової компоненти замінює 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. Тепер помилки, які вилітають під час кодування, не здаються такими вже і серйозними 😂

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