CodeBase | Frontend
2.13K subscribers
361 photos
128 videos
2 files
520 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
👩‍💻 Что такое метод filter() в JavaScript и как он используется?

filter() — это метод массивов в JavaScript, который создаёт новый массив, содержащий только те элементы, которые прошли проверку в переданной функции. Исходный массив не изменяется.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5];

// Оставляем только чётные числа
const evens = numbers.filter(num => num % 2 === 0);

console.log(evens); // [2, 4]


🗣️ В этом примере:

filter() проверяет каждый элемент на условие
• Возвращает новый массив только с подходящими элементами
• Полезен для фильтрации данных на основе критериев.

➡️ filter() часто используется при работе со списками в интерфейсах

CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Как улучшить UX в PWA на React с помощью потокового Backend-Driven UI — личный опыт

В статье делятся тремя способами ускорить Backend-Driven UI: приёмы пока обкатаны только на демо, но уже дают крутой прирост скорости и просят реального боевого применения

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Scroll-Driven Dock — Настраиваемая панель инструментов

Технологии: CSS, SVG, JS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
Давно хотите изучить SQL, но не знаете с чего начать?

Друзья у меня для вас есть решение!

БЕСПЛАТНЫЙ SQL-бот с консультантом + канал с дружелюбным админом

Чем этот бот будет полезен лично для тебя:

Огромный сборник рецептов
Возможность легко сгенерировать SQL-запрос
В любое время суток можно получить ответ на свой вопрос.

P.S. и ещё маленький, но существенный бонус: отсутствие рекламы.

ПРИСОЕДИНЯЙСЯ ➡️ @lang_book_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️Попробуйте свои силы в разработке на React, создав ипотечный калькулятор. ⚡️

🟢 В процессе работы над проектом вы познакомитесь с функциональными компонентами, Material UI, передачей пропсов и другими интересными аспектами React разработки.

🔗 Ссылка

CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙️ Что такое атрибут placeholder в HTML и зачем он используется?

Атрибут placeholder отображает текст-подсказку внутри поля ввода. Он исчезает, когда пользователь начинает вводить данные.

Используется для уточнения ожидаемого формата или содержания.

➡️ Пример:

<form>
<label>
Ваше имя:
<input type="text" placeholder="Введите имя">
</label>
<button type="submit">Отправить</button>
</form>


🗣️ Почему полезно:

• Помогает пользователю понять, что нужно ввести
• Повышает удобство использования формы
• Эффективен в сочетании с короткими и понятными подписями
• Не заменяет полноценные метки (label), а дополняет их.

Атрибут placeholder улучшает пользовательский опыт, особенно на мобильных устройствах.

CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Solid.js как альтернатива (P)React+MobX на практике

В статье сравнивают Solid с React+MobX на реальном мобильном проекте: проверяют размер, перфоманс и удобство, без синтетики. Плюс — готовый репозиторий для тестирования

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Developer or Designer? — Анимированный переключатель

Технологии: SCSS, SVG, TS

🔗 Ссылка

CodeBase | Frontend | #animate