💬 Какой(-ую) инструмент/фреймворк/библиотеку/... из мира фронтенд-разработки вы открыли для себя в 2023 году? Поделитесь опытом 👇
#интерактив
#интерактив
Please open Telegram to view this post
VIEW IN TELEGRAM
📊 Представлена версия 5.5 популярной библиотеки визуализации Apache ECharts
Большое преимущество ECharts — это баланс мощности и простоты. С ее помощью можно очень многое сделать (ознакомьтесь с многочисленными примерами здесь), при этом код не усложнится. Хотите убедиться? Тогда ознакомьтесь с любовным письмом Alice GG к Apache ECharts 💌
Версия 5.5 расширяет поддержку ESM, добавляет поддержку рендеринга на стороне сервера, позволяет создавать неполные круговые диаграммы и многое другое.
Большое преимущество ECharts — это баланс мощности и простоты. С ее помощью можно очень многое сделать (ознакомьтесь с многочисленными примерами здесь), при этом код не усложнится. Хотите убедиться? Тогда ознакомьтесь с любовным письмом Alice GG к Apache ECharts 💌
Версия 5.5 расширяет поддержку ESM, добавляет поддержку рендеринга на стороне сервера, позволяет создавать неполные круговые диаграммы и многое другое.
🤩 Подборка свежих видеоуроков и видеокурсов для фронтернд-разработчика от freeCodeCamp:
🌐 CRUD API — Node, Express, MongoDB
🌐 Изучите p5.js для креативной разработки — 5 проектов для новичков
🌐 SvelteKit
🌐 25 проектов на React
🌐 Веб-доступность
Please open Telegram to view this post
VIEW IN TELEGRAM
Эта сборка упакована в клиентскую TypeScript-библиотеку, которая позволяет запускать Postgres в браузере, Node.js и Bun без необходимости устанавливать какие-либо другие зависимости. Занимает 3,7 МБ в сжатом виде.
👉 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
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
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
➡️ Поиграть можно здесь
#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
Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:
☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл
👉 GitHub
🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
💬 Представьте ситуацию, что вы можете стабильно получать одинаковые деньги как в стартапе, так и в большой компании. Что бы вы выбрали?
🤩 — стартап, горящие глаза и вот это всё
👍 — большую компанию! Там можно быстрее набраться коммерческого опыта
🤔 — свой вариант (напишу в комментариях)
#холивар
🤩 — стартап, горящие глаза и вот это всё
👍 — большую компанию! Там можно быстрее набраться коммерческого опыта
🤔 — свой вариант (напишу в комментариях)
#холивар
⚛ В следующей мажорной версии React появятся новые клиентские хуки, которые сфокусированы на двух ключевых аспектах: выборке данных и работе с формами.
Они повысят производительность React-разработчиков, включая тех, кто создает SPA.
🔸use(Promise)
🔸use(Context)
🔸Form Actions
🔸useFormState
🔸useFormStatus
🔸useOptimistic
🔸Бонус: Async Transitions
👉 Подробнее о каждом хуке на русском
Они повысят производительность React-разработчиков, включая тех, кто создает SPA.
🔸use(Promise)
🔸use(Context)
🔸Form Actions
🔸useFormState
🔸useFormStatus
🔸useOptimistic
🔸Бонус: Async Transitions
👉 Подробнее о каждом хуке на русском
react.dev
React Labs: What We've Been Working On – February 2024 – React
The library for web and native user interfaces
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 Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
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 и создания собственных отчетов.
👉 Читать
Performance API предоставляет интерфейс для измерения и оценки показателей веб-производительности с помощью JavaScript. Автор демонстрирует примеры генерации последних непосредственно в DOM и создания собственных отчетов.
👉 Читать
Smashing Magazine
Reporting Core Web Vitals With The Performance API — Smashing Magazine
The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. This article demonstrates how to use the Performance API to generate performance metrics directly in the DOM to create your own reporting.
🍍Подборка лучших статей «Библиотеки программиста» за февраль: сохраняй в заметки, чтобы не пропустить #самыйсок
😈 Даркнет: как устроен теневой рынок труда
🚀🏢 Стартапы 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 и основы работы с базами данных
👉 Портфолио разработчика
😈 Даркнет: как устроен теневой рынок труда
🚀🏢 Стартапы 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 и основы работы с базами данных
👉 Портфолио разработчика
Насколько потолстел JavaScript к 2024 году?
htmx критикуют за его 15 КБ. Между тем, сайты сегодня👇
👉 Читать
htmx критикуют за его 15 КБ. Между тем, сайты сегодня👇
👉 Читать
Хабр
Насколько потолстел JavaScript к 2024 году?
Я немного отстал от современных тенденций фронтенд-разработки. Помню, были статьи на тему раздутия веб-среды, в которых писали, что средний размер страницы начал достигать нескольких мегабайтов! И всё...
💡 Любопытный трюк с кастомными свойствами
Взгляд на использование кастомных свойств для упрощения запросов DOM. Приятно наблюдать, как CSS может сделать JS менее сложным 💯
👉 Читать
Взгляд на использование кастомных свойств для упрощения запросов DOM. Приятно наблюдать, как CSS может сделать JS менее сложным 💯
👉 Читать
🤔 Next.js vs. Remix: дилемма разработчика
Сравнение двух популярных фреймворков на основе множества аспектов: от реализации различных методов до деплоя, коммерческой поддержки и популярности.
👉 Читать
Сравнение двух популярных фреймворков на основе множества аспектов: от реализации различных методов до деплоя, коммерческой поддержки и популярности.
👉 Читать
Saeloun Blog
Next.js vs. Remix - A Developer's Dilemma
Both Next.js and Remix are highly sought-after frameworks for constructing contemporary web applications using React, yet they diverge in their methodologies and principles. This article aims to assist developers in selecting the optimal framework by comparing…