Web Overflow 🇺🇦

#quiz

Next.js mistakes 😣

Велика популярність Next.js була зумовлена саме завдяки роботі з сервером та можливістю використання SSR. З 13 версії в нас є можливість використовувати app роутер, який вже підтримує серверні компоненти React. Тепер async/await добрався і до React, зʼявились такі директиви як use client, та багато іншого.

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

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

#interview

Давайте почнемо тиждень з вшанування памʼяті загиблого героя! 💔

Дуже просимо підписати дану петицію.

https://petition.president.gov.ua/petition/228652

Welcome!

Let's practice our English! So...

👉 What do you think about the future of VR (Virtual Reality)?

Have a nice #english_friday 💛

Build your own HTTP server 👀

Що може бути краще, ніж написати невелику апішку? Як щодо того, щоб написати власний HTTP-сервер з нуля?

Якщо фронтедщики подумали, що це їх не стосується, то це зовсім не так. Такі знання потрібні всім.

Тому ділимося з вами ресурсом, де ви можете знайти такий курс. Цього місяця саме він - безкоштовний!

На цій платформі ви зможете знайти ще інші курси, наприклад, Redis чи Git з нуля. Ціни звісно не найменші, але українцям є 50% знижки (якщо ми правильно зрозуміли).

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

#tips

#quiz

terminal.shop ☕️

Ну тут назва каже все сама за себе.

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

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

#news

Гарного всім вечора пʼятниці!

Поки ми всі у відносній безпеці, воїни продовжують захищати нас.

Просимо вас вшанувати памʼять загиблого героя та підписати петицію.

https://petition.president.gov.ua/petition/224626

Promise.withResolvers 🤨

Чи була у вас колись потреба чи ідея створити Promise, але зарезолвити його тільки тоді, коли вам буде зручно. Насправді, реалізувати це можна доволі нескладно:

let resolve, reject;
const promise = new Promise((res, rej) => {
  resolve = res;
  reject = rej;
});

З останніми оновленнями таке можна отримати прямо зі статичного методу withResolvers:

const { promise, resolve, reject } = Promise.withResolvers();

Здається, це можна використати для того, щоб перетворити listener на async/await:

const { promise, resolve, reject } = Promise.withResolvers();
something.on('load', resolve)

return promise

Почитати про цей метод детальніше можна за посиланням внизу.

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

#tips

Welcome!

Let's practice our English! So...

👉 Are you more of a spontaneous or structured person? Explain.

Have a nice #english_friday 💛

State of JS 2023 😎

Отож, вже опубліковано результати опитування, які стосуються спільноти JavaScript.

З цікавого:
- З України опитування пройшло 333 людини, що складає 2% від загальної кількості учасників;
- Щодо віку респондентів - левова частка припадає на проміжок 20-39 років;
- date-fns обганяє moment.js;
- Масовий відтік думок про фреймворки (і не тільки) в негативну сторону;
- Astro набирає популярність;
- Vue обганяє Angular, а Nuxt виходить на 2 місце серед мета-фреймворків.

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

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

#news

#quiz

Welcome!

Let's practice our English! So...

👉 Tell us one statement you think is right but most people will judge you for that.

Have a nice #english_friday 💛

#todo написати функцію на будь-якій мові програмування, яка приймає дату (відповідник на обраній мові програмування) та повертає нову дату - наступну 09:00 буднього дня.

Наприклад:
27.06.2024 15:00 => 28.06.2024 09:00
28.06.2024 08:15 => 28.06.2024 09:00
28.06.2024 09:15 => 01.07.2024 09:00

#quiz