Энтузиаст создает интерфейс Windows 11 на React в браузере

Разработчик под ником Blue Edge опубликовал на GitHub проект Windows 11 in React — это визуализация интерфейса Windows 11 в браузере с помощью React. Автор создал сайт win11.blueedge.me, где уже доступны основные элементы рабочего стола новой ОС для ознакомления и начального понимания, как она работает.
Разработчик использовал в проекте технологии ReactJS, SCSS и CSS. В качестве фреймворка там задействован React 17.0.2 и Redux.

Программист пояснил, что потратил на планирование и сборку компонентов для этого проекта около шести дней и столько же у него ушло на процесс программирования. Сейчас идет доработка проекта.

В настоящий момент не все опции интерфейса Windows 11 в браузере доступны. там скоро появятся отсутствующие интерактивные элементы и связи.

Что работает в проекте Windows 11 in React:

  • меню «Пуск», меню поиска и виджеты;
  • рабочий стол и действие правой кнопки мыши;
  • боковая навигация и просмотр календаря;
  • привязка окон к разным макетам;
  • браузер, магазин приложений, терминал, калькулятор;
  • приложение блокнот, редактор кода Vscode, Whiteboard.

Что еще автор планирует доработать и добавить:

  • проводник и другие приложения;
  • перетаскивание и изменение размера окон;
  • экран запуска и блокировки;
  • темы и фон.

На вопрос «зачем он это делает», автор написал «почему бы и нет». Ему просто захотелось потратить неделю своей жизни на создание непростого проекта на React, а потом пошло-поехало.

24 июня Microsoft представила Windows 11 и пообещала выпустить ее в релиз для конечных пользователей в конце этого года.

28 июня Microsoft выпустила первую официальную предварительную версию Windows 11 Insider Preview build 22000.51 в рамках программы предварительной оценки Windows. Сейчас уже доступна на сайте производителя тестовая бета-версия Windows 11 build 22000.160.

Читайте так же:

  • Фундаментальный курс по SEOФундаментальный курс по SEO Описание Научим продвигать сайты - Вы сможете достигать высоких позиций и привлекать трафик из поисковых системФундаментальный курс – поможет владельцам бизнеса научиться продвигать свой сайт самостоятельно в кратчайшие сроки с минимальными временными и финансовыми затратами. Курс […]
  • Яндекс предоставит доступ к «колдунщикам» на коммерческих условияхЯндекс предоставит доступ к «колдунщикам» на коммерческих условиях В самое ближайшее время Яндекс начнет тестирование нового типа интерактивных обогащенных ответов на партнерской основе. Доступ к партнерским ответам будет предоставляться на прозрачных коммерческих условиях. Кроме того. Чтобы все на выдаче работало корректно. Необходима тесная […]
  • Google AdSense удаляет блоки ссылок фиксированного размера из интерфейсаGoogle AdSense удаляет блоки ссылок фиксированного размера из интерфейса Команда Google AdSense сообщила о переходе на финальный этап прекращения поддержки блоков ссылок, анонсированного в конце 2020 года. Теперь сервис приступил к удалению блоков со ссылками фиксированного размера из интерфейса. Если у владельца сайта есть такие блоки. То они будут удалены […]
  • OnePlus 9, OnePlus 9 Pro и OnePlus 9R подешевели в КитаеOnePlus 9, OnePlus 9 Pro и OnePlus 9R подешевели в Китае Компания OnePlus снизила стоимость своих флагманских смартфонов OnePlus 9 на домашнем рынке в Китае. Важно отметить, что скидка предоставлена самим производителем, а не продавцами. Поэтому снижение цены должно произойти повсеместно. Больше всего подешевел OnePlus 9 Pro – почти на 80 […]