Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.21K photos
123 videos
38 files
4.63K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
👩‍💻👩‍💻 Контекст в Vue/Nuxt: осознать, не терять и беречь

Данила Родичкин, Frontend Team Lead в Азбуке Вкуса, делится опытом и знаниями, полученными при миграции на Nuxt CAPI и Nuxt 3.

📌 Резюме для ленивых:

Много нужного для Nuxt и других библиотек хранится в getCurrentInstance — там же хранится компонент
То, что нужно для очищения реактивности, хранится в getCurrentScope
instance и scope теряются после первого await в defineComponent
В script setup Vue их восстанавливает, но безвозвратно теряет после await в любой внешней функции
getCurrentInstance нельзя восстановить, scope — можно через .run
Нужное Nuxt на клиенте не теряется никогда
Нужное Nuxt на SSR можно восстановить через app.runWithContext
Please open Telegram to view this post
VIEW IN TELEGRAM
💬 Кстати, каким клиентом Git пользуетесь?

👍 — консольным
❤️ — встроенным в редактор/IDE
🔥 — сторонним графическим
🤔 — свой вариант (напишу в комментариях)

#холивар #айтисловарь
⚒️ Module Federation 2.0 — реализация паттерна для разработки микрофронтендов и больших веб-приложений, которая выросла из Webpack и стала независимой от инструментов сборки.

📦 Сайт & GitHub
🔥👩‍💻 Awesome React — поддерживаемый список ресурсов, относящихся к экосистеме React.

Начав свою историю как коллекция из нескольких сотен пунктов, с тех пор её сократили до менее чем 200 за счет удаления всех устаревших проектов и сосредоточения внимания на самом главном.

🤩📌 Awesome React Components — еще одна отличная коллекция для добавления в закладки.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 TypeHero — онлайн-платформа для общения, взаимодействия и развивития вместе с сообществом разработчиков TypeScript.

Повышайте свои навыки с помощью интерактивных задач по программированию, обсуждений и обмена знаниями.

👉 Перейти к платформе
Please open Telegram to view this post
VIEW IN TELEGRAM
421. PWA с табами, Гугл и куки, Masonry, Arc на Windows, iPad виноват…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Полина Гуртовая, Никита Дубко про PWA с табами, Гугл и куки, Masonry, Arc на Windows, виноватый iPad, новости Deno, Copilot Workspace и local-first.

00:01:46 PWA с табами
00:06:48 Гугл и куки
00:16:38 Выборы Masonry
00:39:49 Arc на Windows
00:42:06 iPad тоже виноват
00:46:41 Новости Deno
00:53:18 Copilot Workspace
01:23:53 Local-first
01:40:02 Ответы на вопросы

YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты #новости
🔥 Popover API: от введения до использования для HTML-подсказок

Кофаундер CodePen Chris Coyier исследует основные возможности Popover API, начиная с юзкейса всплывающих подсказок.

🔸 Введение
🔸 Использование для всплывающих HTML-подсказок
Please open Telegram to view this post
VIEW IN TELEGRAM
🗺 Путешествие Figma к TypeScript

История о том, как команда Figma автоматически мигрировала с собственного языка программирования Skew на TypeScript, не прерывая ни одного дня разработки.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💬 А теперь самый важный вопрос, который когда-либо был на нашем канале. Что выберете? 👇

userId — 👍
userID — 🔥
user_id — ❤️

#холивар
👩‍💻 Тестирование React-приложений на практике

Запись 5-часового воркшопа о TDD и тестировании React приложений, в рамках которого Александр Беспоясов написал конвертер валют и покрыл его тестами. Вы узнаете, как:

☑️ Выделять и тестировать бизнес-логику
☑️ Разделять код на модули так, чтобы их было удобно тестировать
☑️ Применять разные стратегии моков, готовить стабы и тестовые данные
☑️ Тестировать сайд-эффекты и React-хуки
☑️ Работать с асинхронными функциями и тестировать их
☑️ Подключать сторонние библиотеки через адаптеры для удобного тестирования

▶️ Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
Самые полезные каналы для программистов в одной подборке!

Сохраняйте себе, чтобы не потерять 💾

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы

🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion

#️⃣C#

Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel

☁️DevOps

Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования

🐘PHP

Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты

🐍Python

Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты

Java

Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков

👾Data Science

Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту

🦫Go

Книги для Go разработчиков
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go

🧠C++

Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++

💻Другие каналы

Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности

📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈

Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT

Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *

* Организация Meta запрещена на территории РФ
422. Поиск по странице, Safari, Scroll-Driven Animations, фигуры…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Полина Гуртовая, Вадим Макеев, Алексей Симоненко, Андрей Мелихов про поиск по странице, Safari, Scroll-Driven Animations, фигуры, серверные компоненты и CSS, Wasm.

00:02:56 CSS для поиска по странице
00:10:58 Safari TP
00:19:37 Scroll-Driven Animations
00:31:37 Современные CSS-фигуры
00:39:31 Серверные компоненты и CSS
00:55:33 Всё новое в цветах
00:59:26 Wasm vs. Docker
01:09:21 Wasm для VS Code

Лайв на YouTube | YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты #новости
💬 Были ли у вас на собесах вопросы, на которые вы не могли или затруднялись ответить? Напишите их в комментариях — разберемся вместе 👇

#холивар
📄 Как документировать ваш пакет JavaScript

Вы написали полезный проект и хотите его распространять. Что дальше? Полезная документация!

Команда Deno демонстрирует ценность JSDoc и написание документации наряду с вашим обычным исходным кодом.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🗝️ 40 незаменимых API для разработчиков

Разработчики постоянно ищут способы оптимизировать свою работу. Мы собрали 40 API, которые помогут вам сэкономить время, повысить эффективность и добавить новые функции в ваши проекты.

🔗 Читать статью
🔗 Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Задачи с челленджа 30 Days of JS в прямом эфире

Запись стрима с Алёной Батицкой и Полиной Гуртовой с изящными решениями и рассуждениями об оптимизации.

📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩 Сетевая визуализация 50-ти тысяч блогов и их связей

Он представляет собой интерактивный граф, отображающий взаимосвязи между различными веб-сайтами, блогами и ссылками. Создатель сайта собрал данные о своих любимых блогах и построил граф на основе доменов, на которые ссылается каждый блог.

🔎 graph.henryn.ca
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Tailwind 🆚 Семантический CSS

Исследование, в котором сравниваются два сайта со схожим дизайном: коммерческий шаблон Spotlight от разработчиков Tailwind и тот же сайт с семантическим CSS.

Спойлер: семантическая версия в несколько раз меньше, рендерится быстрее и не требует дополнительных инструментов CSS.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
✉️ Как завалить собеседование, даже не начав его: 8 ошибок в сопроводительных письмах

Откликаетесь, но сразу получаете отказы? Не торопитесь с выводами — возможно, все дело в вашем сопроводительном письме.

👉Сопроводительное — это первое впечатление, которое мы производим на эйчара, а первое впечатление, как известно, очень важно.

Собрали для вас несколько распространенных ошибок по составлению такого письма — а в статье по ссылке можно найти остальные ошибки и пример идеального сопроводительного.

Кстати, вакансии можно поискать в наших профильных каналах:
🤮Data Science, анализ данных, аналитика
🤮Python
🤮Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM