Welcome!

Let's practice our English! So...

👉 What habits would you like to give up?

Have a nice #english_friday 💛

#how_to створити Infinite Scroll Animation ♾️

Виконаний з допомогою React та SCSS!

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

Bongo Cat Buddy 🙀

Котики завжди роблять речі кращими. Одного разу кіт пробігся по клавіатурі і тепер так звуть дитину Маска 😹

Ділимося з вами розширенням Bongo Cat Buddy, яке не дозволить вам засумувати. Котик буде стукати лапкою з вами в такт. Тому баги, які ви фіксаєте, вже не виглядатимуть такими страшними і серйозними.

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

#tips

JavaScript ASI 🥴

Просто шматок коректного TypeScript коду:

;(variable as string).toLowerCase()

Насправді, таке ж можна знайти і в JavaScript. Для тих, кому цікава причина такого дивного форматування, додаємо посилання на коротке відео з поясненням.

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

#shorts

#todo написати функцію на будь-якій мові програмування, яка приймає голову однозвʼязного списку та повертає голову нового списку, що відповідає розвернутому оригінальному списку.

Тип вузла:

type Node<T> = {
  value: T;
  next?: Node<T>;
}

Tailwind CSS v2.0 💅

Вам може подобатись CSS, а може і не подобатись, може подобатись лише Bootstrap, MUI чи CSS-in-JS. Але світ такий, що найпопулярніший підхід зараз - це TailwindCSS. А якщо ви як @Yurets7777 пропускали пости про цей CSS-фреймворк, це означає, що точно потрібно наздоганяти.

На щастя, Max Alekseyev (хотіли нормально тегнути, але немає username 🥲) поділився в чаті офіційним плей-листом, де ви швидко та без води можете ознайомитись з TailwindCSS. Хоч там і друга версія, суть залишилась та сама.

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

#tips

Welcome!

Let's practice our English! So...

👉 If you had your own business, what area would it be related to?

Have a nice #english_friday 💛

#how_to створити Confetti Button 🎉

Виконаний з допомогою React та CSS!

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

#todo написати функцію на будь-якій мові програмування, яка приймає натуральне число N і повертає масив чисел, що містить усі прості числа у проміжку [0, N).

pnpm 9.0 📦

Тут нещодавно pnpm релізнули нову версію. Що таке pnpm і чи варто його використовувати ми розповідали ось тут.

Тому, якщо це менеджер пакетів, який ви використовуєте, можете потроху готувати перехід.

А нижче додаємо посилання, за яким зможете знайти більше деталей цього релізу.

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

#tips

Welcome!

Let's practice our English! So...

👉 What is the strangest thing you have ever eaten?

Have a nice #english_friday 💛

#todo написати функцію на будь-якій мові програмування, яка приймає текстовий рядок, який гарантовано містить тільки символи ( та ), та повертає boolean, який позначає, чи дужки побудовано синтаксично правильно.

Наприклад:
()()() => true
(()()())() => true
)( => false
()) => false
((( => false

React 19 Features ⚛️

Оновлення React все ближче, а отже нові фічі, компілятор, хуки вже скоро зʼявляться у наших проєктах. А це означає, що всім потрібно вчитись і вчитись.

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

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

#tips

Frontend Handbook 🎢

Frontend Masters разом із Cody Lindley випустили Frontend Handbook 2024 - книга, яка точно варта вашої уваги.

Це просто супер-здоровий ресурс, який покриває мало не все, що стосується фронтенд-розробки. Тут і про компенсацію, і про назви посад (в тому числі, як це працює в Google/Microsoft/Amazon), і про самі технології від бази до вже чогось більш складного. От хто-хто, а автор точно щось знає, тому там можна знайти багато цікавого.

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

#news