№17 Написать приложение на React

Теги: #100

17-й пункт списка.

Впервые полностью сам написал приложение на React. До этого только дорабатывал приложения, которые кто-то уже написал.

Давно хотел написать приложуху с нуля, но всё откладывал, а тут пришел Женя Летов и попросил доработать UTM-разметчик, который я году в 2015 написал на AngularJS — не путать с современным Angular.

Старичок AngularJS уже впал в спячку: его уже активно не развивают, а в декабре 2021 вообще прекращают поддержку. Поэтому надо было куда-то переезжать.

Так как я в этот момент читал книгу «Fullstack React with TypeScript», я решил попробовать переписать всё на реакте.

Что получилось

Я потратил дополнительно 10 часов, чтобы портировать проект на реакт. Думаю, разработчик с опытом реакта сделал бы проект с нуля часов за 6-8.

Получается, я потратил 2-4 часа на освоение того, как стартовать проект (плюс на некоторые притерания с TypeScript). Я доволен, так как это довольно быстро.

Был впечатлен удобством (спасибо create-react-app): стартовать проект очень просто, много чего полезного доступно из коробки .

Также впечатлил TypeScript. Благодаря ему отлавливаешь кучу ошибок (когда толкаешь круглую детальку в квадратную прорезь — классика) и лишний раз задумываешься о том, какими должны быть типы в проекте, стараешься их не раздувать.

Из интересного запилил:

  • рендеринг QR-кодов для ссылкок,
  • сохранение состояния в localStorage — при обновлении страницы теперь ничего не теряется,
  • сохранение настроек (создали набор ссылок для одного адреса, сохранили, начали создавать другой набор ссылок, но всегда можем вернуться к первому).

Картинка того, что получилось:

Полезные ссылки