Обложка канала

Библиотека фронтендера. Страница 13

19371 @frontendproglib
Открыть

Полезные материалы по всему, что может быть интересно frontend-разработчику.

  • Библиотека фронтендера

    Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней. Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали его на отдельной странице. Ближайшие мероприятия: • 20-22 апреля - Fast Track для frontend-разработчиков пишущих на JavaScript/TypeScript, офер за 3 дня в команду Поиска. • 27-28 мая - Weekend Offer для frontend-разработчиков, офер за 2 дня в команды Яндекса. Зарегистрироваться

  • Библиотека фронтендера

    #news Представлена htmx 1.9 Библиотека становится все более популярной, поскольку позволяет использовать веб-сокеты, SSE, AJAX, CSS transitions и другие инструменты. Примеры кода заслуживают отдельного внимания — htmx делает многое возможным, при этом требуется довольно мало инструментов или разметки.

  • Библиотека фронтендера

    Не упустите возможность принять участие в Weekend Offer для фронтенд- и бэкенд-разработчиков 13 апреля — последний день, когда можно отправить отклик на участие в Weekend Offer, который пройдет 15-16 апреля. Всего за одни выходные разработчики смогут пообщаться с командами ВКонтакте по направлениям B2C и B2B и присоединиться к одной из них. Отправить отклик

  • Реклама

  • Библиотека фронтендера

    Артём Арутюнян, автор менеджера состояния Reatom, рассказывает про главную киллер-фичу redux-saga/rxjs и грядущие изменения в стандарте ECMAScript. Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST API и другими более общими асинхронными последовательными операциями. Читать
    Отменить нельзя продолжить

    Как описать асинхронную цепочку запросов и не сломать всё? Просто? Не думаю! Я автор менеджера состояния Reatom и сегодня хочу вам рассказать про главную киллер-фичу redux-saga и rxjs и как теперь её...

    Хабр

  • Библиотека фронтендера

  • Библиотека фронтендера

    React, Visualized — простое интерактивное руководство по основным концепциям React. https://react.gg/visualized

    React, Visualized – A gentle introduction to React, but visualized.

    react.gg

  • Библиотека фронтендера

  • Библиотека фронтендера

    Игорь Агапов, фронтенд-разработчик в Timeweb Cloud, делится двумя полезными сниппетами: первый представляет собой пример реализации простой реактивности (signal), второй — способ предотвращения несогласованности данных в результате состояния гонки (race condition). Первая конструкция используется в SolidJS (с некоторыми дополнительными оптимизациями), вторая — заимствована из одного рабочего проекта.👇 Читать

    Solid is a purely reactive library. It was designed from the ground up with a reactive core. It's influenced by reactive principles developed by previous libraries.

    Solidjs

  • Библиотека фронтендера

    ​👨‍💻4 способа прокачать свою карьеру в разработке, аналитике, менеджменте и попасть в Яндекс 1️⃣Летние школы Академии Яндекса Для тех, у кого уже есть опыт в разработке. До 27 апреля продолжается набор в Школу разработки интерфейсов, Школу бэкенд-разработки (Python, Java, C++, Go), Школу мобильной разработки (iOS, Android, Flutter) и до 13 апреля в Школу менеджеров. Обучение бесплатное. Иногородним Яндекс оплатит билеты и проживание на период практики в офисах компании в Москве, Алматы и Белграде. Лучшим студентам — офер в штат Яндекса. 2️⃣Открытый лекторий Академии Яндекса Если нет времени на Школы, регистрируйтесь на бесплатный Открытый лекторий. Это часть программы Летних школ — 120 лекций по soft skills, бэкенд-, фронтенд- и мобильной разработке, аналитике и продакт-менеджменту. 3️⃣Стажировки по бэкенд-, фронтенд- и мобильной разработке, аналитике и ML Получите опыт работы над продуктами Яндекса, которыми пользуются миллионы. Подайте заявку на оплачиваемую стажировку (от 3 до 6 месяцев). Иногородним стажёрам Яндекс оплачивает проживание и билеты. 4️⃣Intern Meetup Week и пробные собеседования Всё про стажировки, общение с разработчиками и экспертами Яндекса, пробное собеседование. Регистрируйтесь на Intern Meetup Week до 12 апреля! Митап пройдет в онлайне и офлайне c 17 по 20 апреля. Удачи!😎

  • Библиотека фронтендера

    Все любят интерактивные блоги, но детализацию как у Bartosz Ciechanowski редко встретишь. Посты очень длинные, но внимание к деталям и возможность взаимодействовать с иллюстрациями только подпитывают интерес. Узнайте, как под капотом устроены: 🚴‍♀️Велосипед 🔉Звук 🕰Механические часы 🗺GPS и многое другое https://ciechanow.ski/archives/

  • Библиотека фронтендера

    А как вам такой уровень взаимодействия с пользователем? 👇

  • Библиотека фронтендера

    Blitz.js, особенности TypeScript, дизайнерские решения для библиотеки компонентов, Nuxt 3, Angular 15 и многое другое в плейлисте JetBrains JavaScript Day (ноябрь 2022 года). 📺Смотреть
    JetBrains JavaScript Day 2022

    JavaScript Day 2022 is a free online event with talks about and around JavaScript, organized by JetBrains. This event is a great opportunity to learn from community experts, catch up on the latest JavaScript trends, and connect with other like-minded professionals. We’ve invited experts with very diverse backgrounds to discuss topics they are passionate about, such as JavaScript, TypeScript, Angular, and more. There is something for everyone! 0:00 Intro 4:28 Blitz.js: The Next.js Toolkit for Rapid Iteration, by Aleksandra Sikora 57:27 I Would Never Use an ORM, by Matteo Collina 1:50:06 Behind the Scenes: Discussing One of the Most Interesting TypeScript 4.9 Features, by Andrey Starovoyt 2:39:57 Records & Tuples Are Coming: The Next Exciting JavaScript Feature, by Nicolò Ribaudo 4:00:45 Design Decisions for the Components Library, by Alexey Shestakov 4:47:49 The World Beyond Components, by Ryan Carniato 5:40:16 Nuxt 3 – More Than Vue 3 on Steroids, by Alexander Lichter 6:27:06 What's New in Angular v15, by Minko Gechev 7:13:30 Wrap-up #JavaScriptDay2022 ––– 🔗 Browse our resources 🔗 Check out WebStorm, a JavaScript IDE by JetBrains, and get a 30-day free trial: https://www.jetbrains.com/webstorm/ ⭐️ Keep in touch ⭐️ JetBrains on Twitter: https://twitter.com/JetBrains WebStorm on Twitter: https://twitter.com/WebStormIDE

    YouTube

  • Библиотека фронтендера

    Подборка полезных библиотек React-разработчика Некоторые из них не очень активно поддерживаются, как хотелось бы. Речь про react-beautiful-dnd — вместо нее советуют использовать dnd-kit. Читать
    GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React

    Beautiful and accessible drag and drop for lists with React - GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React

    GitHub

  • Библиотека фронтендера

  • Библиотека фронтендера

    🛤Актуальные дорожные карты по фронтенду, JavaScript, TypeScript, Angular, React, Vue и Node.js вы наверняка видели, но тут общая коллекция пополнилась разделом «Лучшие практики», который включает среди прочих Frontend Performance (прикрепленный PDF-файл).

    frontend-performance.pdf

    application/pdf

  • Реклама

  • Библиотека фронтендера

    ⚡Перехват маршрутов в Next.js 13.3 Вы можете «перехватить» динамическую навигацию на другую страницу и отобразить вместо нее что-то другое, например предварительный просмотр продукта. Затем, когда страница обновляется или загружается заново, загружается обычная страница. Подробности и примеры ниже.👇 🧵Читать в Твиттере 🧵Читать в PingThread (если Твиттер не открывается)

  • Библиотека фронтендера

    В представленном вчера Next.js 13.3 добавлены популярные функции, в том числе по инициативе сообщества: ☑️ File-Based Metadata API: Dynamically generate sitemaps, robots, favicons, and more. ☑️ Dynamic Open Graph Images: Generate OG images using JSX, HTML, and CSS. ☑️ Static Export for App Router: Static / Single-Page Application (SPA) support for Server Components. ☑️ Parallel Routes and Interception: Advanced routing features for the App Router. https://nextjs.org/blog/next-13-3

  • Библиотека фронтендера

    🎨 Команда разработчиков PostCSS выпустила новый плагин для использования color-mix() в любом браузере. Если вы хотите углубиться в анализ и преобразование цветов, обратите внимание на выпущенный недавно CSS Color Parser, который поддерживает функции смешения цветов и рекурсивные функции цвета. Ну и в заключение узнайте различные юзкейсы color-mix() и окончательно погрузитесь в новые возможности современного CSS по работе с цветами.
    PostCSS Color Mix Function | CSSTools

    Use the color-mix function in CSS.

    preset-env.cssdb.org