У 2024 році я приєднався до японського стартапу і вперше почав працювати з Ruby. До цього у мене було майже 10 років досвіду розробки на Python. Багато хто вважає Python та Ruby схожими динамічними мовами, але в реальній розробці їхні філософії дизайну та випадки використання значно відрізняються.

Філософія дизайну: Чіткість перш за все vs Гнучкість перш за все

• Ruby: Пропагує гнучкість, що робить її особливо зручною для стартапів, які потребують швидкої ітерації. Підхід Rails “конвенція замість конфігурації” значно підвищує ефективність розробки, але його динамічний характер та неявна логіка можуть збільшити складність при масштабуванні системи.
• Python: Пріоритет

Порада від професіонала: Якщо ви хочете підвищити свою кар'єру в веб-розробці за допомогою інструментів штучного інтелекту — не втрачаючи при цьому своїх основних навичок кодування — цей пост для вас!

Скромний початок

Я досі пам'ятаю день, коли написав свій перший рядок коду. Я експериментував з HTML, CSS, JavaScript, JQuery та Bootstrap, працюючи в команді над створенням інтерактивних веб-додатків на JavaScript. Моя крива навчання в ті перші дні була схожа на запуск ракети — експоненційна і сповнена проривів.

Але разом з тим експоненціальним ростом з’явилося і відчуття, що я скоро досягну плато. Один мій друг — запалений програміст — сказав мені: … Читати далі

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

У сучасних веб-застосунках розробники часто стикаються з асинхронними операціями, такими як API виклики або серверні дії, що вимагають ретельного управління станами, такими як завантаження, успіх і помилка. Традиційно розробники керували цими станами вручну, налаштовуючи локальні змінні стану за допомогою useState… Читати далі

Впровадження методів Promise в JS

Привіт, прекрасні люди в Інтернеті.

API Promise в JavaScript є основою для роботи з асинхронним кодом. Його корисність проявляється в таких методах, як Promise.all, Promise.allSettled, Promise.any і Promise.race. Кожен метод вирішує конкретні сценарії, що робить асинхронне програмування зручнішим і виразнішим. У цій статті ми розглянемо їх реалізацію, варіанти використання та особливі випадки.

Promise.all

Огляд

Promise.all виконується, коли всі обіцянки в масиві будуть виконані.
Впровадження методів Promise в JS

Якщо будь-яка обіцянка відхилена, весь метод буде негайно відхилений.

Кастомна реалізація

PromiseAll = function(promises) {  
 const result = []; // Для зберігання значень, отриманих 

Обидва використовуються для ітерації по ітератору (масиву) та виконання дії для модифікації його елементів за допомогою функції зворотного виклику.
Обидва приймають 3 аргументи —
1. Елемент: Поточний елемент (item) масиву.
2. Індекс: Індекс поточного елемента (item).
3. Масив: Сам масив.
наприклад, map — arr.map((element, index, array) => element2);
наприклад, forEach — arr.forEach((element, index, array) => element2);

Різниця…

1. map: Не модифікує оригінальний масив, натомість повертає новий масив.
   forEach: Модифікує оригінальний масив.
2. map: Повертає значення.
   forEach: forEach не повертає нічого, він просто модифікує оригінальний масив.

Дякую за увагу…

Перекладено з: map v/s forEach… Читати далі

Випуск React 19 представив кілька інноваційних функцій, і однією з найважливіших нововведень є Actions API. Actions спрощують процес управління змінами даних і оновленням стану, особливо в асинхронних потоках. Дозволяючи розробникам використовувати асинхронні функції всередині переходів, ця функція значно спрощує обробку очікуючих станів, помилок і оптимістичних оновлень. У цій статті ми розглянемо деталі Actions, зрозуміємо мотивацію їх введення, дослідимо, як вони працюють, а також визначимо можливі проблеми та рішення.

Чому були введені Actions у React?

Сучасні веб-додатки часто працюють з складними потоками даних, що включають завантаження, оновлення та управління станами переходів. Традиційно розробники використовували поєднання бібліотек для управління станом, хуків … Читати далі

1. Хоістинг: Що це таке?

Хоістинг — це процес, коли оголошення змінних та функцій переміщуються (піднімаються) на початок їхньої області видимості JavaScript-двигуном під час фази компіляції. Однак піднімається лише оголошення — не ініціалізація.

Як піднімаються різні оголошення:

var:

• Піднімається на початок своєї області видимості і ініціалізується значенням undefined.
• Безпечно звертатися до нього до оголошення, але значення буде undefined.

let та const:

• Піднімаються на початок блоку, але залишаються неініціалізованими.
• Звернення до них до оголошення призводить до ReferenceError (це називається Temporal Dead Zone).

Функції:

• Оголошення функцій повністю піднімаються, що означає, що їх можна викликати до того,

Пропозиції (Promises) в JavaScript є потужним інструментом для управління асинхронними операціями, але іноді їх розуміння може бути ускладнене через те, як вони працюють "під капотом". Давайте розглянемо деякі основні концепти і приклади, щоб прояснити їхню поведінку.

Основи Promises

Promise — це об'єкт, який представляє майбутнє завершення (або невдачу) асинхронної операції та її результатуюче значення. Пропозиції можуть бути в одному з трьох станів:

1. Pending (Очікування): Операція ще не завершена.
2. Fulfilled (Виконано): Операція успішно завершена, і значення доступне.
3. Rejected (Відхилено): Операція не вдалася, і є причина (помилка).

Коли Promise створюється за допомогою конструктора Promise, функція виконавця (executor function) виконується синхронно. Це … Читати далі

В JavaScript функції можуть бути визначені з параметрами за замовчуванням. Це означає, що якщо аргумент не переданий для параметра під час виклику функції, буде використано значення за замовчуванням.

Розглянемо наступну функцію:

function greet(name = "World", greeting = "Hello") {  
 console.log(`${greeting}, ${name}!`);  
}

У цій функції name за замовчуванням має значення "World", а greeting за замовчуванням — "Hello". Якщо ми викликаємо greet() без аргументів, виводиться "Hello, World!".

А що, якщо ми хочемо використовувати значення за замовчуванням для name, але передати нове значення для greeting?

Один зі способів досягти цього — передати undefined як перший аргумент. Це змусить JavaScript використати … Читати далі

Колись задумувались, як створювати додатки, що взаємодіють з блокчейном? У цьому посібнику я створю простий децентралізований додаток (DApp), який дозволяє користувачам підключити свій гаманець і взаємодіяти з смарт-контрактом в мережі Ethereum. Не хвилюйтесь, якщо ви новачок у Web3 — я розіб’ю все на прості кроки!

Що ми створимо

Ми створимо просту DApp для "Дошки оголошень", де користувачі зможуть:

1. Підключити свій гаманець MetaMask
2. Публікувати повідомлення в блокчейн
   3.
   Читати повідомлення від інших користувачів

Попередні вимоги

Перед тим як почати, переконайтесь, що у вас є:

• Встановлений Node.js на вашому комп'ютері
• Встановлений розширення MetaMask для браузера
• Базові знання JavaScript
• Трохи тестового ETH в