Web Overflow 🇺🇦

#quiz

Христос Воскрес!

Welcome!

Let's practice our English! So...

👉 Do you speak Паску? 😅

Have a nice #english_friday 💛

React Email 📧

Хоч електронна пошта в рази швидша за будь-яку іншу доставку, в неї теж є багато обмежень.

Ще досі найпопулярніший і найбезпечніший спосіб верстки емейлів - табличний. На додачу, всі стилі мають бути inline. Ну нікому ж не хочеться з цим гратись. Тому існують різні бібліотеки/фреймворки, які полегшують процес верстки, наприклад, mjml. Проте, сьогодні поговоримо про інше, про ще одне місце куди засунули React.

React Email - колекція компонент та методів для створення емейлів з допомогою React та TypeScript. Ви можете писати свої компоненти, використовуючи деякі вже готові, такі як Column, Row, Img, Button та інші. Після цього з допомогою render методу можна перетворити їх у готовий до відправки html. З корисного, можна відрендерити компоненти не у html форматі, а plain text.

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

#library

#quiz

Path 🛣️

Якщо ви працюєте не з браузерним JavaScript, ви можете стикнутись із записом/читанням файлів. Для цього ви вже знайдете хороший список функцій чи не в кожній стандартній бібліотеці. А от перед тим, як з файлом працювати, потрібно його знайти.

І тут важливо не забути, що Unix та Windows обробляють шляхи до файлів різними способами. Для того, щоб не привʼязуватись до конкретної платформи, краще використати готові рішення, наприклад, path в Node.js (в більшості мов програмування є свої відповідники). Це теж частина стандартної бібліотеки, де можна знайти корисні функції. Вона приймає шматки шляху до файлу, обʼєднує їх (відповідно до поточної платформи) та повертає назад.

Наприклад, на Linux виклик path.join("path", "to", "oops", "..", "file") поверне "path/to/file". Якщо ж запустити таке ж на Windows замість / ви побачите \.

👉 Відкрити документацію

👉 Переглянути пост в Reddit

#interview

AI Roadmap 🤖

Ще колись давно ми ділилися з вами сервісом roadmap.sh.

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

Сама генерація ще поки в беті, але вже було створено понад 28k таких роадмапів.

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

#news

Welcome!

Let's practice our English! So...

👉 What three apps do you use the most? Why?

Have a nice #english_friday 💛

Frontend Handbook 🎢

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

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

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

#news

React 19 Features ⚛️

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

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

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

#tips

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

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

#quiz

Welcome!

Let's practice our English! So...

👉 What is the strangest thing you have ever eaten?

Have a nice #english_friday 💛

pnpm 9.0 📦

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

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

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

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

#tips

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