Welcome 👋

Let's practice our English! So...

👉 Do you remember your first rejection after an interview? Why did it happen?

Як завжди, можете писати свої відповіді тут або в чаті.

Have a nice Friday! 💛

#english_friday

Хей-хей 👋

Нам дуже важливо отримувати зворотній фідбек і бути цікавими для вас. Тому ми будемо дуже вдячними, якщо ви поділитесь тим, що б ви хотіли бачити на нашому каналі!

Дякуємо 💛

Хей 👋
Підготували для вас цікаву задачку!

#todo розшифрувати закодований текст - KHOOR IURP ZHERYHUIORZ

Успіхів! 💛

2022 report

Якщо вам цікаві підсумки минулого року в сфері IT, тоді ми з радістю хочемо поділитися з вами корисними посиланнями.

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

А ще, якщо вас цікавить світ JavaScript, на каналі Fireship можете переглянути звіт по 2022 року.

👉 Читати статтю
👉 Дивитися відео

#news

🚀 Top 50 React Interview Questions You Must Prepare In 2023

Хей-хей 👋

Знайшли для вас мегакруту шпаргалку про React, яка допоможе вам успішно пройти співбесіду!

Дана стаття має чудову підбірку питань/відповідей про React і Redux. Він містить справді гарне пояснення віртуального DOM і охоплює відмінності між React і Angular, а також життєві цикли компонентів React. У розділі Redux є запитання, які перевіряють ваші знання про весь процес.

👉 Читати статтю

Зберігайте та користуйтесь 💛

#interview

#todo написати функцію на будь-якій мові програмування, яка на вхід отримує стрічку і повертає довжину останнього слова. Наприклад, для стрічки “ Hello from Web Overflow ” функція повинна повернути 8 (останнє слово Overflow і його довжина 8).

🦖 Docosaurus

Пропонуємо вам переглянути наступні веб-сайти:

👉 Jest
👉 React Native
👉 pnpm

Не помічаєте нічого спільного?

Ну, по перше, всі вони закликають підтримувати Україну, що дуже важливо! 🇺🇦

А ще, якщо придивитися, всі вони трішки схожі - кнопки, поля для пошуку та інші компоненти. Ви сильно здивуєтесь, якщо я скажу, що це ще один JavaScript фреймворк? 😱

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

Особливістю є те, що ви можете писати не тільки React-код, а просто Markdown сторінки. Ще тут є підтримка версіонування (яке швидше за все може знадобитись), інтернаціоналізація, пошук та налаштування візуальної теми.

Тож, якщо ви розробляєте свій продукт і хочете створити для нього документацію, радимо придивитися! 💛

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

#library

Good Morning, guys! ✨

Let's practice our English! So...

👉 Which tools/services do you consider to be very useful so you pay for them (Ex: Google Drive, Netflix, Spotify and etc)?

Як завжди, можете писати свої відповіді тут або в чаті.

Have a wonderful Friday! 💛

#english_friday

🚀 Arc Browser

Я думаю, що вже всі помітили, що я обожнюю постійно відкривати для себе щось нове. Ось і сьогодні я нарешті отримав доступ до нового браузера Arc Browser 🎉

І перше враження було вау 🤩

Вони обіцяли щось нове та незвичне, і вони свого слова дотримались - надзвичайно відполірований дизайн та реорганізовані всі звичні для нас інструменти. З основного ще виділю те, що він таки дає враження повністю повноекранного. Є вбудована функція split view, тому тепер з легкістю можна одночасно дивитися СуперМаму та ревʼювити код (це must have для Насті 😄). А ще є вбудовані нотатки та щось на кшталт муд-борду. Вражаюче 😱

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

А поки залишаємо їх сайт!

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

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

🎁 В мене ще є кілька запрошень, тому, якщо є охочі, пишіть в коментарі!

#news

Підготували для вас трішки гавнокоду. #todo порефакторити його і пояснити, що з ним було не так.

Advanced VS Code Shortcuts

Працюєш у VS Code? Маємо для вас дещо корисне! 🤩

Ні для кого не секрет, що робота за допомогою комбінацій клавіш на клавіатурі набагато швидша, ніж за допомогою миші.

Тому знайшли 2 статті (2 частини), де показано на детальних прикладах використання крутих шорткатів. Деякі для нас добре відомі і ми постійно їх використовуємо, а деякі ми побачили вперше, але вже активно практикуємо в роботі!

👉 Читати частину 1
👉 Читати частину 2

Зберігайте і, найголовніше, використовуйте! 💛

#article

Як обробити складний state в React?

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

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

Для вирішення даної проблеми можна використати useReducer. Це альтернатива до useState, яка допомагає в роботі з складними станами.

useReducer приймає на вхід функцію reducer, початкові дані та функцію ініціалізації (опціонально). Найважливіша частина тут - reducer. Це функція з типом (state, action) => newState. Ті, хто знайомий з redux, мабуть помітили спільне. state - попередній стан, action - це обʼєкт, який описує, що потрібно змінити.

А повертає цей хук масив з двох значень - власне сам стан, та dispatch функцію, в яку і будете передавати вищезгаданий action.

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

👉 Читати документацію
👉 Читати статтю

#interview

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

Наприклад, "літо" та "тіло" - вхідні два слова мають однаковий набір літер та їх кількість.

🚀 dnd kit

Пам'ятаєте, ми кидали відео, де описано, які бібліотеки краще використати для розробки drag and drop, а які вже застарілі?

Минулого тижня мені якраз випала нагода додати drag and drop функціонал. Тому я ще раз переглянула відео, обрала для себе dnd kit і не пожалкувала! Класна документація, багато прикладів, легкий у використанні. Тому сміло можу його рекомендувати!

Я задоволена, замовник задоволений - всі щасливі! ⤵️

* In addition, your landing pages and drag-and-drop designs are exceptional. You should be proud of the work you have produced!

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

Зберігайте та користуйтесь 💛

#library