Team Люб

Свежие впечатления от собеседования в сбере

Реакт: разобралась, что новенького 🙌 Главное — это серверные компоненты, как в нексте. Звучит круто и удобно, но стоит использовать с огромной осторожностью, иначе положите сервера. 🙌 Упрощенная работа с формами — видимо, разработчики наслушались жалоб на эти формы. Так что попытались упростить подачу запроса на сервер, ожидание ответа и обработку. Фишечка, что заранее, ещё до ответа сервера, можно менять состояние инпута, а если уж с бека придет отказ или ошибка, откатят инпут к прежнему состоянию. Также из небольших изменений: 🔹 ref будет работать через пропс в функциональных компонентах. Старую версию со временем сделают устаревшей. 🔹 Новый метод для обработки ошибок гидрации. 🔹 Небольшие изменения в обертке Context. 🔹 Данные из head будут автоматически собираться в метаданные (которые очень удобные в нексте, но их нужно настраивать отдельно). 🔹 Можно будет задавать приоритетность стилей прямо в строке импорта этих стилей. 🔹 Асинхронные скрипты можно будет загружать практически где угодно в коде. 🔹 Починили двойной вывод ошибок. По ощущениям, как будто реакт хочет взять плюшки некста )) но это не плохо. Лишь бы не испортили что было хорошего.

Новый React — бета-версия В этом посте обзор новых функций React 19 и того, как вы можете их внедрить: https://react.dev/blog/2024/04/25/react-19 Бегом смотреть ☺️ Кстати, с курсом я зафейлила, не туда посмотрела. Оказывается, я прошла блок, а не весь курс. Вчера изучала библиотеку styled-components. Не сложно, но своеобразно и нужно привыкнуть ))) Было проще изучать оригинальную документацию, чем читать курс 🌸

А вот вам приятный макет для тренировок чего-то новенького))) Прошла курс Вёрстка React-компонентов от академии за три часа, всю информацию знала, уже было расстроилась, НННОООО 👍 повторение - мать учения; 👍 нашла для себя очень интересные микро-архитектурные-штуки, которые меня вдохновили; 👍 мне понравился макет выпускной работы (сейчас приступлю), его хочется сделать. Такой простой, воздушный, современный, свежий, милый. Мне захочется добавить его в своё портфолио (особенно после того, как два последних рабочих проекта под нда не могу показать наниматорам). Хотела попросить поставить реакций на пост, если хотите увидеть результат. Но я же в любом случае поделюсь 😄 Как у вас дела?

🔥 Небольшая напоминалка по грамотной архитектуре реакт-проекта с нуля Создадим три директории. В components будем хранить различные компоненты проекта. В mocks добавим файлы с моковыми данными, необходимыми для отрисовки интерфейса. В assets будем хранить картинки и другие ресурсы для интерфейса. Внутри components создадим директории ui, pages, layout, blocks и app. 🙌 ui хранит небольшие переиспользуемые компоненты: кнопки, заголовки, списки, карточки товара и другие элементы; 🙌 pages содержит компоненты — страницы приложения (главная, купить билет); 🙌 layout хранит компоненты, отвечающие за отображение обёртки для контента страниц (шапка, подвал и другие); 🙌 blocks включает большие компоненты страниц, которые пока не будут использоваться, но их полезно выделить для структурирования проекта. 🙌 app — это компонент приложения, своего рода точка входа в другие компоненты. Может возникнуть вопрос, зачем нужен App, когда всё можно поместить в index.js, но внутри app есть своя логика, которую удобно хранить в отдельном компоненте. Наглядный пример тут.

Дошла до джиэс анимаций и пока оставлю эту тему в стороне. Для большинства анимаций хватит стилевой и сгв-шной анимаций. Почему? Потому что слишком много времени уйдет на узконишевую вещь, а я еще не на том уровне, чтобы без зазрения совести тратить на такое месяцы. Потому что адски соскучилась по любимому реакту. Дальше пойду в курс архитектурных решений реакта. Как у вас дела?))

Юху, Доделала анимации на странице Призов 🥺