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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤩 Подборка свежих видеоуроков и видеокурсов для фронтернд-разработчика от freeCodeCamp:

🌐 CRUD API — Node, Express, MongoDB
🌐 Изучите p5.js для креативной разработки — 5 проектов для новичков
🌐 SvelteKit
🌐 25 проектов на React
🌐 Веб-доступность
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 PGlite — Postgres в WASM

Эта сборка упакована в клиентскую TypeScript-библиотеку, которая позволяет запускать Postgres в браузере, Node.js и Bun без необходимости устанавливать какие-либо другие зависимости. Занимает 3,7 МБ в сжатом виде.

👩‍💻 GitHub
👉 Playground
Please open Telegram to view this post
VIEW IN TELEGRAM
📈 Тренды React в 2024 году

Robin Wieruch, фронтенд-разработчик и автор книги The Road to React, делится своим мнением относительно трендов React:

🚀 Astro с React
🚀 Аутентификация (в React)
🚀 tRPC для разработки full-stack приложений React
🚀 React Server Components и Next.js
🚀 TanStack Router для React SPA
🚀 Turbopack и Vite
🚀 React Compiler
🚀 Biome
🚀 Headless UI-библиотеки для React
🔥 Node.js в 2023 году: краткий обзор

Rafael Gonzaga из команды Node.js TSC и Fastify делится полезными обновлениями о развитии Node.js за последний год.

Вы узнаете, как команда обеспечивает тестирование и надежность Node.js, об изменениях в зависимостях Node.js от внешних вендоров (три из которых появились в 2023 году), а также об улучшениях в области безопасности Node.js и его присутствия в вебе.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡Легко предотвращайте цепочку прокрутки и улучшайте UX

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
📃 response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл

👉 GitHub
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
💬 Представьте ситуацию, что вы можете стабильно получать одинаковые деньги как в стартапе, так и в большой компании. Что бы вы выбрали?

🤩 — стартап, горящие глаза и вот это всё
👍 — большую компанию! Там можно быстрее набраться коммерческого опыта
🤔 — свой вариант (напишу в комментариях)

#холивар
В следующей мажорной версии React появятся новые клиентские хуки, которые сфокусированы на двух ключевых аспектах: выборке данных и работе с формами.

Они повысят производительность React-разработчиков, включая тех, кто создает SPA.

🔸use(Promise)
🔸use(Context)
🔸Form Actions
🔸useFormState
🔸useFormStatus
🔸useOptimistic
🔸Бонус: Async Transitions

👉 Подробнее о каждом хуке на русском
411. Chrome 122 и бета 123, Firefox 123, Safari TP 189, подсветка…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Андрей Мелихов, Алексей Симоненко, Вадим Макеев про Chrome 122 и бету 123, Firefox 123, Safari TP 189, подсветку без разметки, стандарты и тоглеры.

00:01:46 Chrome 122
00:20:03 Бета Chrome 123
00:37:51 Firefox 123
00:57:43 Safari TP 189
01:02:57 Подсветка без разметки
01:13:36 Стандарты и тоглеры

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

#подкасты
🧠 Знания — сила! Что должен изучить каждый программист?

Мы запускаем опрос среди наших читателей, чтобы выяснить, какие ключевые компетенции необходимо развивать программисту на текущий момент. Какие направления стоит изучать в первую очередь? Уровень каких знаний влияет на зарплату в отрасли?

Мы проведем анализ ответов и составим ТОП-лист навыков, которые не помешают освоить каждому программисту и разработчику для успешного карьерного роста!

👉 Пройти опрос
📑 Отчеты об основных веб-показателях с помощью Performance API

Performance API предоставляет интерфейс для измерения и оценки показателей веб-производительности с помощью JavaScript. Автор демонстрирует примеры генерации последних непосредственно в DOM и создания собственных отчетов.

👉 Читать
💬 А вам какой вариант ближе?

🤔 — верхний
👍 — нижний

#javascript #tip by Shripal Soni
🍍Подборка лучших статей «Библиотеки программиста» за февраль: сохраняй в заметки, чтобы не пропустить #самыйсок

😈 Даркнет: как устроен теневой рынок труда
🚀🏢 Стартапы vs IT-гиганты: куда лучше устроиться Junior-разработчику
🗄️ Базовые запросы SQL: получение записей из БД
🥇 Спортивная мотивация и мотивация в IT, что общего?
😺🐙💡 Как сделать креативный профиль на GitHub
🎮👨‍💻 15 игр, которые научат программированию
🧑🏻‍🏫 Менторство в IT: как стать айтишником, найти работу мечты и облегчить себе жизнь
⛩️ 6 способов нестандартно войти в Айти
👨‍💻 Вопросы для подготовки к собеседованию по JavaScript. Часть 2
📈 5 трендов в подборе ИТ-специалистов на 2024 год
🐍 Цепи Маркова: генерирование читабельной бессмыслицы за 20 строк на Python
☕️📦 10 Java-библиотек, которые изменят твой код навсегда
🥤🛡️ Как сделать Flask-приложение неуязвимым: полное руководство по защите от хакерских атак
🐱🎨🙏🤖 10 самых странных языков программирования, о которых вы никогда не слышали

🏃 Самоучитель по Go для начинающих:
👉 Часть 6. Функции и аргументы. Области видимости. Рекурсия. Defer
👉 Часть 7. Массивы и слайсы. Append и сopy. Пакет slices
👉 Часть 8. Строки, руны, байты. Пакет strings. Хеш-таблица (map)

🐍🎸 Курс Django:
👉 Часть 2: ORM и основы работы с базами данных
👉 Портфолио разработчика
💡 Любопытный трюк с кастомными свойствами

Взгляд на использование кастомных свойств для упрощения запросов DOM. Приятно наблюдать, как CSS может сделать JS менее сложным 💯

👉 Читать
🤔 Next.js vs. Remix: дилемма разработчика

Сравнение двух популярных фреймворков на основе множества аспектов: от реализации различных методов до деплоя, коммерческой поддержки и популярности.

👉 Читать
🪨💧Hard skills и soft skills: что это и как они проверяются на техническом собеседовании

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

🔗 Читать статью