Web Overflow 🇺🇦
4.42K subscribers
380 photos
40 videos
3 files
518 links
Затишний блог про веб-розробку і не тільки 💛

Чат: @web_overflow_chat
Співпраця: @web_overflow_support
Автори: @lluchkaa & @anastasiia_tarasenko
加入频道
8👍1🥰1👏1
Що таке currying?

Настя так хотіла пояснити currying на зрозумілих прикладах, що вони в телеграмі виглядали нечитабельними. Тому якщо хочете дізнатись відповідь на це питання, залітайте сюди - читати статтю

А ще сьогодні надзвичайно важливе свято для всіх українців. Ми щиро вітаємо вас з Днем Державного Прапора! Ми довели усьому світу, що саме синьо-жовтий прапор є символом вільної країни, яка захищає своє майбутнє! Слава Україні! 🇺🇦

#interview
👍3112🎉3🥰2👏1🤩1
Україна - символ свободи та незламності. З Днем Незалежності! 🇺🇦
43🎉9🥰8👍1👏1🤩1🙏1
😁67🔥26👍6🤩3🥰1👏1🎉1
😁55🔥15👍6🤩4🥰2👏21🎉1
🚀 У нас для вас є крутий сайт, який вам точно стане у пригоді - Roadmaps

Тут зібрані роадмапи на всі випадки життя - Frontend, Backend, DevOps, React, Angular і ще багато іншого! Якщо ви тільки новачок в ІТ або просто вирішили змінити напрямок - тут вже є готовий шлях до вашої мети, від самих простих тем до поглиблених.

Зберігайте і успіхів у ваших починаннях!
👍6412🔥4🎉2👏1🤩1
👍64🥰1👏1
Scroll to top

Сьогодні в чат прилетіло круте питання: як після рендеру контенту (після так би мовити "переходу" з одної сторінки на іншу) перенести користувача на початок сторінки? Адже якщо залишити все як є, користувач опиняється на тому ж місці, на якому була відкрита попередня сторінка. Наприклад, у вас є футер з лінками. І після того як ви натиснули на будь-який лінк, у вас відкривається нова сторінка з фокусом внизу, де і був футер (якщо це звичайно посилання на сторінку вашого сайту). Проект на React і використовується React Router.

Це досить поширена проблема, тому ділимось досить хорошим рішенням - читати статтю. АЛЕ це рішення підходить лише для тих, хто використовує React Router п’ятої версії. А для тих хто любить тестувати щось нове - ось бета рішення для шостої версії React Router - читати статтю.

Бажаємо вам продуктивного тижня! 💛

#article
👍305🔥4🥰3👏1🤩1
👍13🤔5👏32🎉2🔥1🤯1
👍38🤔13😱8🔥6🤯4🎉2👏1😁1🤩1
😁8🔥3👍1👏1🤩1
FUCK. Ми знову трохи пропали

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

Як часто ви забуваєте додати sudo чи пишете brancj замість branch? Напевно, нерідко, адже це досить розповсюджені опечатки.

Можна переписати всю команду чи повернути її з історії та виправити помилку. Але є дещо цікавіше. Утиліта thefuck автоматично виправляє останню команду з історії. Все, що треба зробити - ввести fuck після того як побачили помилку. Здається, досить лаконічно.

Ознайомитись і почитати більше можна на GitHub - відкрити документацію

#tips
😁50👍12🔥32🤔2👏1🤩1
Давайте зіграємо в ІТ-абетку. Правила занадто прості - кожен наступний гравець повинен називати слово, яке починається на останню букву попереднього. Використовуємо тільки слова, які пов‘язані з ІТ.

Ми починаємо: Гавнокод → Вам на Д 😉
😁15🤔3👍2🤯21🔥1👏1
🔥5👍31🤔1🤩1
Що таке Generics?

Якщо на співбесіді у вас будуть питати щось по TypeScript, я даю 100%, що одне з питань буде про generics.

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

Уявімо, що ви реалізовуєте свою функцію сортування. Вона може приймати масив різних типів даних (number, string і тд) і має повертати посортований масив з тим же типом. Відразу кажу, що any, unknown - це погана ідея. Тут точно не обійтися без generics. А ось так це буде виглядати:

function mySort<Type>(value: Type[]): Type[] {
// realization
return sortedValue;
}


Якщо ви вперше бачите generics, то даний запис може виглядати для вас трохи дивно. Але не спішіть розчаровуватись. <Type> - це просто тип, який буде переданий функції. Якщо ви викличете функцію mySort з масивом чисел, Type буде рівний number, якщо з масивом стрічок - string, і відповідно поверне масив з даними того ж типу. Ось і все, це і є generics.

Generics не обмежуються одним типом, їх може бути декілька. Також вони працюють з класами та методами. Про це і більше - читати документацію

#interview
👍364🔥3😱2👏1🤔1🤩1
🤔10👍3🤯21🔥1😱1
🤔15👍10🤯4🔥3🎉2🤩211😱1🐳1
Структури даних
або чим відрізняється черга в магазині від тарілки млинців?

Це досить важлива тема у компʼютерних науках. В університетах на це виділяють окремі курси. Тому, вона так чи інакше зустрічатиметься вам у процесі навчання та роботи.

Структури даних - це спосіб організації даних в компʼютерах. Їх є певна кількість, кожен має переваги і недоліки. Тут ви можете згадати про масиви звичайні та асоціативні (словники в Python, обʼєкти в JavaScript). А ще буває черга, дерево, стек та багато інших.

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

Відкрити сайт

То ж яку структуру даних можна описати тарілкою млинців?

#tips
👍15🔥74🤔1🤩1
Агов агов! Ми трішки пропали, але сподіваємось, що ви ще нас не забули! 💛

Сьогодні хочемо поділитись розширеними типами (utility types) в TypeScript, які вам точно стануть у пригоді! Дану тему найкраще розповісти за допомогою прикладів, тому написали статтю в зручному форматі!

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

Пссс: чекаємо в коментарях утиліти, які не були згадані в статті, але ви їх знаєте і використовували!
👍298🔥5🥰1👏1🤩1
5👍3🔥1👏1