bootg.com »
United States »
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js » Telegram Web
В первой части мы обсудили, как ускорить загрузку: сократить запросы, оптимизировать файлы и стили. Теперь время улучшить отзывчивость и плавность.
В карточках рассказываем:
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍2🥱1
💔AI vs Developer: who wins?
Бигтех уже режет найм разработчиков. Вайб-кодинг повсюду. Джуны не нужны. Но так ли это на самом деле?
Мы хотим разобраться, как ИИ влияет на рынок труда в IT. В реальности, а не в головах CEO или HR. Поэтому приглашаем пройти опрос.
Результаты нашего исследования позволят выяснить, сколько разработчиков потеряли работу из-за ИИ? Какие навыки сейчас ценятся больше всего? Кто зарабатывает больше — те, кто использует ИИ или игнорирует?
👾 Расскажите свою историю, чтобы помочь комьюнити: https://clc.to/aFntFw
Бигтех уже режет найм разработчиков. Вайб-кодинг повсюду. Джуны не нужны. Но так ли это на самом деле?
Мы хотим разобраться, как ИИ влияет на рынок труда в IT. В реальности, а не в головах CEO или HR. Поэтому приглашаем пройти опрос.
Результаты нашего исследования позволят выяснить, сколько разработчиков потеряли работу из-за ИИ? Какие навыки сейчас ценятся больше всего? Кто зарабатывает больше — те, кто использует ИИ или игнорирует?
👾 Расскажите свою историю, чтобы помочь комьюнити: https://clc.to/aFntFw
🔥6😁1
Biome — это современный линтер и форматтер для JavaScript и TypeScript, родившийся из проекта Rome. После разделения команды часть разработчиков решила создать новый проект с открытой разработкой и фокусом на стабильности.
Зачем нужен:
Как использовать:
npm install --save-dev @biomejs/biome
npx biome init
npx biome format
Что важно знать:
— Biome не делает сборку кода — его задача: проверять, анализировать и форматировать исходники. Для сборки используйте Vite, Webpack или SWC.
— Проект развивается очень активно, с прозрачным роадмапом и постоянными обновлениями.
— Хорошо подходит для монорепозиториев и крупных проектов, где важна скорость проверок.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15👏1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁9🔥2
Райан Карниато, создатель SolidJS, делится опытом 10 лет работы с этим фреймворком.
Разбор текущего состояния рынка труда в контексте фронтенд-разработки.
Сет и Уэст из Syntax разбираются в условной логике в CSS.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5👏1
Мы все когда-то сталкивались с этим чувством — проекты начинают казаться однообразными, задачи повторяются, и уже не так интересно разрабатывать.
Вот вопрос от подписчика, который решил поделиться своими сомнениями:
«Я построил несколько проектов с React, Next, Sass, Tailwind, Express.js и MongoDB. Все работает, но чувствую, что начал повторяться. Создаю одну и ту же структуру, настраиваю роутеры, стилизую компоненты — и всё. Хочу расширить свои знания, но не знаю, с чего начать. Может, стоит изучить AWS, но не уверен. Что бы вы порекомендовали изучить дальше?»
Поделитесь своим опытом в комментариях
P.S. Если хотите задать вопрос, заполните нашу гугл-форму. Это займет 5 минут.
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6👍1
🚨 ИИ уже съел ваше место?
Стоп. Давайте без паники и хайпа.
Пока одни кричат «ИИ всех заменит!», другие спокойно получают оффер за оффером. Пока CEO сокращают команды «из-за ИИ», разработчики с нужными скиллами поднимают зарплаты.
Мы копаем глубже твиттеров «экспертов» и собираем данные от тех, кто каждый день коммитит, деплоит, фиксит баги — но в этом нам нужна ваша помощь.
❓Хотим понять:
— Кого действительно уволили и почему
— Как изменились задачи разработчиков
— Где ИИ помогает, а где только мешает
— Какие роли появились, какие исчезли
— Сколько платят тем, кто «дружит» с ИИ
Без буллшита — только цифры и факты. Результаты будут открыты для всех.
📊 Чем больше участников — тем точнее картина. Поделитесь опытом: https://clc.to/aFntFw
Стоп. Давайте без паники и хайпа.
Пока одни кричат «ИИ всех заменит!», другие спокойно получают оффер за оффером. Пока CEO сокращают команды «из-за ИИ», разработчики с нужными скиллами поднимают зарплаты.
Мы копаем глубже твиттеров «экспертов» и собираем данные от тех, кто каждый день коммитит, деплоит, фиксит баги — но в этом нам нужна ваша помощь.
❓Хотим понять:
— Кого действительно уволили и почему
— Как изменились задачи разработчиков
— Где ИИ помогает, а где только мешает
— Какие роли появились, какие исчезли
— Сколько платят тем, кто «дружит» с ИИ
Без буллшита — только цифры и факты. Результаты будут открыты для всех.
📊 Чем больше участников — тем точнее картина. Поделитесь опытом: https://clc.to/aFntFw
🌚4🥱3
Автоматизирует создание нового компонента с папкой, шаблоном, тестами и стилями за один вызов.
npx hygen component new MyComponent
Используется в React, Vue, Next.js, Svelte — где важна единая структура кода.
Зачем это нужно:
— Можно завести несколько шаблонов: для компонентов, хуков, страниц и модулей.
— Для интерактивности используйте
Plop
— он задаёт вопросы и подставляет ответы в шаблон.— Объедините генерацию с
git hooks
или npm run
— тогда новые компоненты будут сразу проходить линтинг и тесты.#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤🔥2
Подписчик делится своим опытом применения AI-инструментов в фронтенд-разработке.
А какое ваше мнение на этот счет? Делитесь в комментариях
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥱5👍4🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁13🌚3🔥1
В Svelte уже есть изоляция стилей через scoped CSS, но стоит ли добавлять Tailwind? Этот инструмент был создан для React, чтобы бороться с проблемой «протекания» стилей, которая в Svelte не возникает.
— Быстрая верстка без необходимости писать свой CSS.
— Готовая система цветов, шрифтов, отступов.
— Легко переносить классы и шаблоны между проектами.
— Если команда уже работает с Tailwind — проще не разводить свой CSS‑зоопарк.
— Шаблон может превратиться в мешанину из утилитарных классов.
— Для сложной анимации или кастомных эффектов Tailwind быстро становится неудобным.
— Встроенный scoped CSS в Svelte часто чище и понятнее.
— Чужой код на Tailwind порой тяжело читать и поддерживать.
А вы как думаете? Tailwind в Svelte — мастхэв или излишество? Делитесь в комментариях!
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔8👍7
В этой подборке мы сосредоточимся на использовании watch и watchEffect в Vue.js для отслеживания изменений в данных и выполнения действий в ответ на эти изменения.
1. Watch и WatchEffect на практике — примеры самых часто используемых компонентов вместе с наблюдателями.
2. Работа с состоянием во Vue и React — отличия, использование, как перекликаются между двумя фреймворками.
3. watch vs watchEffect — когда использовать какой подход
4. Как выбрать библиотеку для управления состоянием — преимущества и недостатки Vuex и Pinia, а также советы по выбору подходящего инструмента для вашего проекта.
5. watchEffect — введение в watchEffect, который автоматически отслеживает все реактивные зависимости внутри своей функции.
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥1
Anonymous Quiz
3%
Способ ускорить загрузку сайта только на мобильных устройствах
3%
Разработка только для мобильных приложений без версии для десктопа
93%
Сначала создаётся версия сайта для мобильных устройств, затем для планшетов и десктопов
1%
Все стили пишутся только через inline CSS
👍7🥱5🤔3
Senior front-end developer (React) — от 380 000 ₽, удаленно (Москва)
Team Lead Frontend — от 300 000 ₽, удаленно (Москва)
Frontend-разработчик — гибрид (Москва)
JavaScript - разработчик — гибрид (Санкт-Петербург)
Старший Frontend (JavaScript) разработчик — от 350 000 до 400 000 ₽, удаленно (Москва)
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤2
Проблема: необходимо динамически обновлять интерфейс в зависимости от ввода пользователя, например, при фильтрации списка элементов.
Решение: в книге «Building Real-World Web Applications with Vue.js 3» автор показывает, как эффективно использовать реактивные данные и вычисляемые свойства для реализации фильтрации в реальном времени.
Пример кода:
<template>
<div>
<input v-model="searchQuery" placeholder="Поиск..." />
<ul>
<li v-for="item in filteredItems" :key="item.id">{{ item.name }}</li>
</ul>
</div>
</template>
<script setup>
import { ref, computed } from 'vue';
const items = ref([
{ id: 1, name: 'Яблоко' },
{ id: 2, name: 'Банан' },
{ id: 3, name: 'Вишня' },
]);
const searchQuery = ref('');
const filteredItems = computed(() => {
return items.value.filter(item =>
item.name.toLowerCase().includes(searchQuery.value.toLowerCase())
);
});
</script>
Преимущества:
— Автоматическое обновление интерфейса без явных манипуляций с DOM.
— Легкость в реализации фильтрации для больших списков.
— Удобное и понятное API для работы с реактивностью.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍1