Web Overflow 🇺🇦

Welcome!

Let's practice our English! So...

👉 If you could create an app to solve a specific problem, what problem would you choose and why?

Have a nice #english_friday 💛

#quiz

Nix ⚙️

Минулого року ми відкрили для себе Nix. Спочатку було важко зрозуміти, що це таке, але воно виглядало досить незвично, тож ми вирішили дослідити, як це можна використати.

Nix — це інструмент для менеджменту пакетів і налаштувань. У нашому розумінні це ціла екосистема, адже тут є своя мова, застосунок та навіть операційна система. Якоюсь мірою це схоже на npm та package.json у JavaScript чи venv у Python.

Щодо NixOS — це операційна система на основі Linux, створена на базі менеджера пакетів Nix. Фактично вся система може бути налаштована та (головне!) відтворена за допомогою певного набору конфігураційних файлів.

Ми поки що тільки пробуємо його використовувати — наразі встановили лише на Raspberry Pi. У планах також налаштувати систему на macOS за допомогою nix-darwin. Має вийти доволі цікаво, адже тоді за допомогою кількох файлів можна буде відтворити всі налаштування на іншому комп'ютері.

Можливо, хтось із вас уже використовував Nix? Діліться своїм досвідом! 💛

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

#experience

Welcome!

Let's practice our English! So...

👉 What do you think is the most overrated trend?

Have a nice #english_friday 💛

Nice Modal 💅
#post_from @vova_taras

Робота з модальними вікнами в React може бути доволі дратівливою. Потрібно тримати стан (isOpen) і продумати способи закривання (як із зовнішньої компоненти, так і всередині самого вікна).

@ebay/nice-modal-react використовує трохи інший підхід до роботи з модальними вікнами. Ви можете просто викликати функцію show та передати в неї компонент із пропсами. Це не зовсім декларативний метод, але, на нашу думку, значно зручніший.

Також великим плюсом є робота через Promise. Якщо у вас коли-небудь було модальне вікно для підтвердження, і потрібно було передавати колбеки для onConfirm та onCancel, тепер можна просто повернути значення з функції виклику.

const modal = useModal(ConfirmationModal)

const onDelete = async () => {
  const confirmed = await modal.show({text: "Are you sure?"})

  if (confirmed) {
    ...
  }
}

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

#library

#quiz

Money 💸

Один зі способів заробітку — оплата за послуги у ваших застосунках. І один із найпопулярніших способів це зробити — підключити Stripe.

Ми ще не маємо достатнього досвіду роботи з ним, щоб давати поради. Натомість ділимося статтею від Theo Browne, який описав план інтеграції Stripe у застосунок.

Також є кілька порад, зокрема список подій, які він зазвичай обробляє, а також пояснення, чому варто відключити Cash App Pay (здається, це стосується лише проєктів у США).

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

#tips

Особливий день 🥳

Так, так, саме сьогодні 18 років і 2557 днів тому зʼявилось оце чудо.

Ти робиш кожен день світлішим, кращим і насиченішим для мене та для усіх нас тут.

Тому нехай кожен твій день буде сповнений лише позитивними емоціями та кожен пунктик кожного твого плану збувається ❤️

З Новим 2025 Роком! ✨

Цей рік був справді насиченим. Ми щиро раді, що ви були його частинкою, і сподіваємося, що і ми стали важливою частиною вашого шляху.

У ньому було все: злети та падіння, релізи та баги, підвищення та звільнення. Сподіваємось, що наступного року у всіх будуть лише 9-значні зарплати та супер-цікаві проєкти. Також, будемо надіятись, що AI стане достатньо розумним, щоб виконувати роботу за нас, але водночас достатньо дурним, щоб не замінити нас.

Нехай мир і спокій запанують у вашому житті у 2025 році. Слава Україні! Слава ЗСУ!

Усіх щиро вітаємо! 💛

Хей-хей 🎄

Я обожнюю вигадувати різні традиції, а Юра "обожнює" їх підтримувати. Але серед усіх цих дивних речей є одна дійсно крута - починати рік з відпустки. Щороку в новорічно-різдвяний час ми відкладаємо всі справи й намагаємося повністю перезавантажитися. Тож хочемо попередити, що деякий час будемо відсутні.

Веселіться, спілкуйтеся в чаті, ми й самі намагатимемося там з’являтися. А після повернемося до вас із новими силами!

Веселих свят і будьте чемні! 😁

Короткий відгук про Ghostty 👻

В цілому я задоволений і, швидше за все, буду використовувати його як основний (до цього я використовував WezTerm).

Він дійсно виглядає доволі шустрим, але що мені сподобалося ще більше — це те, що з ним зручно працювати і без жодних налаштувань. Все ж я дещо змінив і вклався в 9 рядків:

theme=catppuccin-mocha
font-family=Monaspace Krypton Var
font-variation=wght=300
window-padding-x=0
title=" "
macos-titlebar-proxy-icon=hidden
cursor-style-blink=false
shell-integration-features=no-cursor
keybind=cmd+t=unbind

#experience

Welcome!

Let's practice our English! So...

👉 What is the best thing that happened to you in 2024?

Have a nice #english_friday 💛

Я вже кілька місяців слідкую за Ghostty, і сьогодні його перший реліз 🎉

Більше тексту пізніше, поки читайте все у автора - Mitchell Hashimoto

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

#news

Advent of Code 2024, Day 25 🎄

Сьогодні, на Різдво, відкривається остання комірка AoC.

У цей день ми хочемо подякувати всім, хто був із нами в цій подорожі! Це була чудова можливість навчитися проходити лабіринти, опанувати рекурсію та розв’язати безліч цікавих задач.

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

#aoc

#quiz

Advent of Code 2024, Day 24 🎄

Сьогоднішнє завдання коротко: Потрібно обчислити значення в різних точках логічної схеми.

Дано початкові значення на деяких проводах, наприклад:
x00: 1
x01: 1
y00: 0
y01: 1

Також наведені описи елементів схеми у випадковому порядку. У схемі використовуються три операції: AND, OR, XOR. Наприклад:
x00 AND y00 -> z00
x01 XOR y01 -> z01
x02 OR y02 -> z02

Потрібно визначити значення на всіх проводах.

Завдання із зірочкою: виявляється, що вся схема має виконувати додавання чисел x та y, представлених проводами, що починаються на x та y відповідно. Результат повинен записуватися на вихідних проводах z. Однак зараз додавання працює некоректно, оскільки 4 пари вихідних проводів переплутані. Потрібно визначити, які саме пари проводів були переплутані.

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

#aoc