📈 9 главных трендов в разработке фронтенда в 2024 году
В статье разбираем самые популярные языки, технологии, инструменты и архитектурные концепции:
1️⃣ JavaScript — по-прежнему бесспорный лидер
2️⃣ TypeScript набирает популярность
3️⃣ Прогрессивные веб-приложения (PWA) стали стандартом
4️⃣ Микрофронтенды (Micro Frontends) — микросервисы на фронтенде
5️⃣ Feature-Sliced Design — оптимальная архитектура
6️⃣ Jamstack — статические сайты, неотличимые от динамических
7️⃣ SWC — супербыстрый транспайлер
8️⃣ Backend-driven UI — интерфейс, управляемый бэкендом
9️⃣ Использование ИИ на всех этапах разработки фронтенда
В статье разбираем самые популярные языки, технологии, инструменты и архитектурные концепции:
1️⃣ JavaScript — по-прежнему бесспорный лидер
2️⃣ TypeScript набирает популярность
3️⃣ Прогрессивные веб-приложения (PWA) стали стандартом
4️⃣ Микрофронтенды (Micro Frontends) — микросервисы на фронтенде
5️⃣ Feature-Sliced Design — оптимальная архитектура
6️⃣ Jamstack — статические сайты, неотличимые от динамических
7️⃣ SWC — супербыстрый транспайлер
8️⃣ Backend-driven UI — интерфейс, управляемый бэкендом
9️⃣ Использование ИИ на всех этапах разработки фронтенда
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 на практике: на заметку фронтенд-разработчику
👉 Подробнее
#css #tip by Shripal Soni
👉 Подробнее
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
console.log() можно использовать для логирования текста и переменных в консоль. 🤔 А знаете ли вы, что эту технику можно использовать для рендеринга (ограниченного) CSS, SVG и даже HTML?
Please open Telegram to view this post
VIEW IN TELEGRAM
Последнее обновление популярного, авторитетного ежегодного руководства по библиотекам и инструментам, подходящим для различных задач при создании React-приложений:
• Starting a new React Project
• Package Manager for React
• React State Management
• React Data Fetching
• Routing with React Router
• CSS Styling in React
• React UI Libraries
• React Animation Libraries
• Visualization and Chart Libraries in React
• Form Libraries in React
• React Type Checking
• Code Structure in React
• React Authentication
• React Backend
• React Database
• React Hosting
• Testing in React
• React and Immutable Data Structures
• React Internationalization
• Rich Text Editor in React
• Payments in React
• Time in React
• React Desktop Applications
• File Upload in React
• Mails in React
• Drag and Drop
• Mobile Development with React
• React VR/AR
• Design Prototyping for React
• React Component Documentation
Please open Telegram to view this post
VIEW IN TELEGRAM
www.robinwieruch.de
React Libraries for 2025
Discover the essential React libraries for 2025! Navigate the vast ecosystem effortlessly with this curated list. Empower your React projects with these powerful tools for seamless development of large-scale applications ...
💪 Declarative shadow DOM появится в версии 123 (выпуск запланирован на 20 февраля).
📌 Примечания к выпуску
#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
406. Safari заговорил, Firefox за справедливость, браузерная политика…
Веб-стандарты
00:01:30 Safari заговорил
00:14:08 Firefox за справедливость
00:27:00 Браузерная политика
00:52:27 Можно без кук
01:03:29 Abbr не работает
01:15:19 Кейсы для :has
01:22:11 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM
at(index) в действии, или Как выбрать последний элемент массива самым простым способом<array>.lastItem кажется более очевидным способом в данном случае. 💬 Что думаете?
#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Представьте, что вы оказались в сложной ситуации, и вам нужно принять решение. Какого сотрудника вы возьмете в команду?
Anonymous Poll
18%
С достойным портфолио и хард-скиллами, но неприятного в общении
58%
Легкого в общении и целеустремленного, но проседающего в технических навыках
24%
Посмотреть результаты
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
Фронтенд-разработчик Александр Савельев делится опытом работы с Next.js и рассказывает личное мнение о причинах этого шага, возможностях и проблемах.
Please open Telegram to view this post
VIEW IN TELEGRAM
📌 Подборка докладов с двух последних митапов:
🌐 В погоне за HTTP / Сергей Иванов
🌐 FSD при переходе на новый стек / Михаил Дмитриевский, фронтенд-разработчик, лид команды UI и фронтенд-сообщества YADRO
🌐 Упрощаем CI/CD на примере github-actions / Алексей Николаев, тимлид в Sendsay
🌐 Странное браузерное API / Антон Ленёв, CTO Viewst
🌐 Универсальная линейка уровней / Павел Франков, разработчик в VK
🌐 Growth mindset или гибкое сознание / Анастасия Бондаренко
🌐 По ту сторону собеседования / Ангелина Купцова, фронтенд-разработчица в КОРУС Консалтинг
🌐 С завода во фронтенд / Дмитрий Зорка, фронтенд-разработчик в «Максимум Авто»
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы действительно хотите пройти путь создания целого приложения с использованием веб-компонентов и JavaScript, то начать можно с этого гайда.
Пример приложения в данном случае простой, но законченный, и, что самое главное, автор демонстрирует реалии использования веб-компонентов
🔗 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Robin Wieruch размышляет о преимуществах и недостатках, об уровне навыков, необходимых разработчику, и о том, какие функции каждый стартовый проект может предложить вам как React-разработчику.
📌 Небольшой спойлер для тех, кто не хочет читать весь текст:
✅ Если вы только начинаете изучать React, придерживайтесь использования Vite с React, потому что это наиболее близко соответствует основам React. То же самое верно, если вы ищете легковесное решение для SPA/CSR.
✅ Если вы ищете мнение о фреймворке на основе React, который включает в себя несколько техник рендеринга (и инфраструктуру), используйте Next с React как наиболее зрелое решение со всеми его преимуществами и недостатками.
✅ Если Next.js не соответствует вашим потребностям, но вы все еще ищете комплексный фреймворк SSR, обратите внимание на Remix с React.
✅ Если вы хотите создать сайт, ориентированный на контент, рассмотрите возможность использования Astro с React.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM