Разработка фронтенд-части любого веб-приложения представляет собой неимоверное количество задач и решений, которые влияют на функциональность и внешний вид продукта. Когда речь идет о создании платформы для такой критической сферы, как торговля на фондовом рынке, задача становится еще сложнее. Своим опытом использования нейросети в разработке такого приложения с нами поделится Павел Янонис, старший разработчик в ICBC Standard Bank.
Особенности обработки native events в React.js
В данной статье рассматриваются особенности, которые связаны с обработкой нативных событий (native events) в React-приложениях. Существует проблема частичной потери контекста функционального компонента при обработке нативных событий, которые навешиваются на элементы с помощью глобальных объектов document, window или через ссылки (refs). В статье рассматривается данная проблема и предлагается способ её решения (один из вариантов).
Как стать Frontend-разработчиком бесплатно? Программа обучения с нуля
Если вбить слово «фронтенд» в поисковую строку, можно найти огромное количество курсов по данному направлению. Проблема в том, что все курсы являются платными и, как правило, имеют ценник в несколько десятков тысяч рублей.
Чтобы разбавить засилие платных курсов, мы подготовили для вас программу обучения «Frontend-разработчик с нуля», которая состоит только из бесплатных материалов.
Руководство по Next.js. 1/3
Hello world!
Представляю вашему вниманию первую часть обновленного руководства по Next.js.
На мой взгляд, Next.js — это лучший на сегодняшний день инструмент для разработки веб-приложений.
Предполагается, что вы хорошо знаете JavaScript и React, а также хотя бы поверхностно знакомы с Node.js.
Обратите внимание: руководство актуально для Next.js версии 14.
При подготовке руководства я опирался в основном на официальную документацию, но в "отсебятине" мог и приврать (или просто очепятаться) 😁 При обнаружении подобного не стесняйтесь писать в личку 😉
Парочка полезных ссылок:
Один репозиторий, чтобы править всеми
Собираем кроссплатформенное (server-client, static-client, gh-pages, Android, iOS, macOS, Linux, Windows, Chrome extension, Docker, Kubernetes, ...) React приложение. В этой статье я почти не затрону Deep backend, только чуть-чуть в конце. Но рассмотрю Open Source шаблон/заготовку для сборки кроссплатформенных React приложений который мы используем в Deep.Foundation.
В новой веб-версии Microsoft Store разработчики перешли с React на Shoelace, Lit, Vite и бэкенд на C# ASP.NET
В новой веб-версии магазина приложений для Windows 10/11 под названием Microsoft Store разработчики перешли во фронтенде от старой кодовой базы на React на современные решения и технологии Shoelace, Lit, Vite, а также перевели серверную часть на C# ASP.NET.
Вышла предварительная версия Catalyst v0.1.0, которую разработчики называют современным UI-kit для React
21 декабря 2023 года вышла предварительная версия Catalyst v0.1.0, которую разработчики называют современным UI-kit для React.
Релиз React Print — инструмента для создания PDF-файлов с использованием React и TypeScript
Разработчики Onedoc выпустили UI Kit под названием React Print. Он предназначен для создания PDF-файлов с помощью React и TypeScript. Автор проекта отмечают, что с его помощью можно подготавливать шаблоны счетов, брошюр и любых других документов.
React.ивный запуск
React – одна из самых популярных библиотек в мире, написанная на JS. Ее уникальность в том, что она делает сложные приложения простыми в реализации. Особенно если использовать дополнения, которые интегрируются в проекты и открывают доступ к нестандартным возможностям.
Узнать и ощутить на практике всю крутость разработки на React можно будет уже в сентябре на новом практикуме «React-разработчик».
Компания Vercel на онлайн конференции Next.js Conf представила обновление Next.js 12
Компания Vercel выпустила глобальное обновление Next.js 12, имеющее ряд новых функций и увеличивающее производительность уже существующих. Например, добавлена поддержка ES-модулей, появился новый компилятор Rust и новая автоматическая пакетная обработка обновлений. Над Next.js кроме команды Next.js работали более 1,8 тысяч независимых разработчиков и специалисты из Google и Facebook.
Процветание проектов, React-router v6, RTK query и карьерная лестница в ад на Meet Up JS
В среду 1 июня проведём гибридный митап с командой JavaScript Альфа-Банка и приглашенным гостем из команды X5. Встречаемся в офисе и на онлайн-трансляции, чтобы поговорить как настроить процессы так, чтобы проект процветал, о переходе на React-router v6, о и о том, почему не всем нужно стремиться стать лидом. Подробности программы и ссылка на регистрацию под катом.
Первый Rosbank Online Meetup для опытных frontend-разработчиков
2 декабря в 19:00 Гильдия Росбанка по Frontend проведет первый онлайн-митап, на котором выступят опытные frontend-разработчики из Росбанка, X5 Tech и Леруа Мерлен.
27 августа приглашаем на онлайн-митап Hot Frontend
10-й поток бесплатных курсов фронтенда и бэкенда в школе Metaclass
Всем привет!
Школа Metaclass запускает 10-й поток бесплатных курсов. Курсов традиционно два: frontend и backend. Оба стартуют 6 февраля.
Курсы рассчитаны на тех, кто уже немножко разбирается. Формат соответствующий: дедлайны, домашние задания, выпускные проекты. Подробнее о занятиях рассказали наши студенты:
Что получите после обучения:
— как минимум поймете свои слабые места
— как максимум серьезно прокачаетесь
— всего за месяц изучите реальные технологии, которые применяются на практике и в индустрии в целом, и у нас в компании.
Записаться можно по ссылкам:
📌 Начинающий React-разработчик
📌 Начинающий Backend-разработчик на Python
Приглашаем на IT-митап МойОфис #1 в Калининграде
Привет, Хабр! В ближайшую пятницу, 24 июня, мы проведем первый в Калининграде оффлайн-митап МойОфис для разработчиков. Приглашаем хабрасообщество поучаствовать в этом событии!
На митапе эксперты из команды разработки МойОфис выступят с докладами о JavaScript и не только. В профессиональном кругу обсудим библиотеки Polymer и React, систему Nx, а также плюсы и минусы FullStack фреймворков на примере Meteor.JS. Материалы будут интересны как frontend-, так и backend-разработчикам. И это лишь первая половина вечера — далее гости мероприятия узнают о методах оптимизации рабочих процессов в IT и получат наши эксклюзивные инсайты о work-life balance. В том числе о воплощении подхода, который позволяет не просто много зарабатывать, но и иметь достаточно свободного времени для семьи, друзей и увлечений. После митапа мы продолжим общение: все желающие специалисты смогут присоединиться к нашей беседе в неформальной обстановке гастро-паба.
IT-митап МойОфис #1 стартует в Калининграде 24 июня, в 18:30, в Центре коммуникации "Резаниум". Мероприятие бесплатное, регистрация доступна по ссылке. Полную программу митапа читайте под катом.
9-й поток бесплатных курсов фронтенда и бэкенда в школе Metaclass
Всем привет!
Школа Metaclass запускает 9-й поток бесплатных курсов. Курсов традиционно два: frontend и backend. Оба стартуют 8-го августа, а записаться можно по ссылкам:
📌 Начинающий React-разработчик
📌 Начинающий Backend-разработчик на Python
Курсы рассчитаны на тех, кто уже немножко разбирается. Формат соответствующий: дедлайны, домашние задания, выпускные проекты. Подробнее о занятиях рассказали наши студенты на Хабре:
🎓 Выпускник фронтенд-курса Кирилл Гаджиев
🎓 Выпускник бэкенд-курса Сергей Ордин
Что получите после обучения:
— как минимум поймете свои слабые места
— как максимум серьезно прокачаетесь
— всего за месяц изучите реальные технологии, которые применяются на практике и в индустрии в целом, и у нас в компании.
Приходите сами и друзей зовите 🙂
Ждем всех!
18 февраля. Митап #DevTalks для фронтенд-разработчиков. Пермь + онлайн
Мы продолжаем проводить крутые тематические митапы, собирая топовых спикеров из различных уголков нашей страны. Пришло время нового митапа серии #DevTalks, на этот раз про фронтенд!
Итак, 18 февраля в Перми мы проведем митап на тему «Современный фронтенд: roadmap развития разработчика, актуальные инструменты и неочевидные возможности».
Мажорный MeteorJS 2.0: HMR, Cloud и другое
Команда MeteorJS выпустила новую версию фреймворка 2.0, а вместе с ним новую платформу Meteor Cloud.
Яндекс.Практикум запустил курс «React-разработчик»
Выпускники получат сертификат — официальный документ о дополнительном образовании.