#реакт — Public Fediverse posts

Плиточная карта России на React: прототип с drag & drop и zoom без библиотек

Здравствуйте, снова я — Дмитрий, React-разработчик. Все мы видели с вами такие карты, именуемые картойдами, в данном случае — карта России, я взял первую попавшуюся из интернета, для примера.

https://habr.com/ru/companies/gnivc/articles/985734/

#react #reactjs #reactjs #javascript #картойд #карты #maps #реакт #джаваскрипт #компоненты

Веб. К черту фреймворки! Пишем свой starter-kit с роутером и сторами. Часть 3

Последняя часть по созданию своего starter-kit. В этой статье мы рассмотрим основные подходы борьбы со сложностью с помощью веб-компонентов. Статья рассчитана на более-менее подготовленных читателей. Материал насыщен ссылками, которые очень желательно изучить.

https://habr.com/ru/articles/962778/

#веб_компоненты #реакт #велосипедостроение #реактивность #стилизация_виджетов #custom_elements

Как мы прикрутили real-time чат в админку на React без Jivo и LiveChat

В разработке админок часто приходится делать одно и то же: формы, списки, фильтры, CRUD. Admiral решает эту проблему, предоставляя мощный фреймворк для React, с которым можно быстро собирать административные интерфейсы на готовых паттернах и с гибкой настройкой. Недавно нам нужно было добавить чат в админку одного из проектов. Забавно, но решения вроде Jivo или LiveChat мы даже не рассматривали. Так были уверены, что сможем без проблем собрать кастомный чат прямо внутри Admiral. Эксперимент завершился удачно и теперь мы хотим поделиться его результатами. В этой статье мы предлагаем вам готовый туториал по интеграции сложной функциональности на примере real-time чата. Что было дальше?

https://habr.com/ru/articles/938848/

#админка #реакт #websocket #crud #чат #академическая_мобильность #open_source #opensourse #admin_panel

Каррируем React-компоненты: функциональные паттерны на фронтенде

Современный React все больше соответствует идеалам функционального программирования. Ежедневно мы пользуемся подходами из мира ФП, зачастую даже не подозревая об этом. Эти паттерны плотно укоренились в сознании фронтенд-разработчиков, делая наш код значительно чище, читаемее и предсказуемее. В этой статье мы применим один из функциональных паттернов в React приложении и посмотрим что из этого выйдет.

https://habr.com/ru/articles/881546/

#react #frontend #typescript #javascript #patterns #functional_programming #фронтенд #реакт #функциональное_программирование #паттерны

Как я создала приложение, которое решает, что мне есть

Работать на удалёнке прекрасно, за исключением одного — всё время нужно что-то готовить. А для этого — придумать, что бы такого вкусного тебе хотелось съесть сегодня. Меня зовут Лена Райан, я фронтенд-разработчик в Точка Навыки. Недавно закончила свой новый пет-проект — приложение, которое анализирует, какие продукты уже есть дома, и даёт подсказки, что можно из них сделать. В этой статье рассказываю, с какими сложностями пришлось столкнуться, и что в итоге получилось.

https://habr.com/ru/companies/tochka/articles/865090/

#петпроект #фронтенд #фулстек #фуллстек #реакт #дизайн #react #vite #supabase #vercel

[Перевод] Почему Microsoft отказывается от React в браузере Edge

Недавно команда Microsoft Edge написала статью о том, как они улучшают Edge, чтобы браузер стал быстрее. В материале Microsoft сделала выпад в сторону React и объявила, что больше не будет использовать React для Edge. В статье мы рассмотрим, как решение Microsoft влияет на React и JavaScript-разработчиков в целом и каковы истинные намерения команды Edge.

https://habr.com/ru/companies/productstar/articles/829216/

#javascript #microsoft #edge #react #реакт #библиотека_javascript #браузеры #google #chromium

React Conf 2024. React v19

Только что завершилась Конференция React.js. Долгожданная конференция спустя почти 3 года после предыдущей. Не менее долгожданны и обновления реакта. И именно с них была начата конференция, им и будет посвящена статья. И да, как вы увидели из превью - 19 версия перешла в статус release candidate. Полноценный же релиз нам обещают в течении двух недель. В целом, мне как next.js разработчику большая часть была знакома. Десятки статей на хабре уже рассказали о практически каждой части этого обновления, частично их касался и я рассказывая об обновлениях внесённых в next.js. Можно сказать, что главным направлениям этого обновления было достижение “Высокого UX при высоком DX”. Максимальная производительность при максимально простом коде. И так, а теперь к самой конференции.

https://habr.com/ru/articles/814671/

#react #frontend #react_19 #server_components #фронтенд #веб_разработка #реакт