Coding Lady
895 subscribers
384 photos
82 videos
37 links
Я middle frontend developer в компании Aero, делюсь трудностями и победами, историями из мира IT и своей жизнью 👩🏽‍💻💕
Мой тг: gulkovva19
Download Telegram
На HolyJS собралась о фронтенде болтать 😎🤌🏼

Поделюсь с вами обязательно впечатлениями, может даже видосики поснимаю и смонтирую потом, если не лень будет

А вот вам для настроения☀️: https://music.yandex.com/album/4930184/track/38520533?utm_medium=copy_link

До конца недели совсем немного🦾
This media is not supported in your browser
VIEW IN TELEGRAM
Друзья, я правда хотела снять вам побольше видео с конференции, но моя фотопленка почему-то вся в видосах с автерпати😂

Сейчас соберусь и напишу вам пост об эмоциях и расскажу о своей внутренней победе на конфе🦾
HolyJS spring 2024👩🏽‍💻

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

Тем не менее, я узнала много нового, вдохновилась и познакомилась с классными разработчиками!☺️
Самое вдохновляющее - это доклад о 3D сайте самоката.
Это уже второй раз, когда меня цепляет 3D, видимо, стоит задуматься))
А еще выступление Алексея Савватеева о математическом мышлении!
Математика моя любовь навсегда❤️

Были прикольные стенды от партнеров с активностями и мерчом! Я мечтала выиграть футболку «джаваскриптизёр» у Х5, набрала на неё баллы, а футболки закончились🥲

Самое запоминающееся для меня - это личная победа над страхом и выступление на открытом микрофоне🥹
Расскажу об этом следующим постом.

Накидывайте вопросы в коменты, а я буду отвечать🫶🏼
Потревожу ваши майские выходные и оставлю здесь этот восторг: музей курьера

Ну это просто🤯💔
Открытый микрофон 🎤

Итак, за несколько дней до конфы я узнаю, что там будет открытый микрофон и начинаю думать, а с чем же я могу выступить.
Технических докладов у меня нет, да и что я могу рассказать людям, которые кодят днём и ночью? Но а выступить уж очень хочется…
Большая сцена, много людей, конференция, возможность показать себя и подержать в руках микрофон меня манили))
Что ж, буду вещать о том, в чем чувствую себя комфортнее, то есть о софт скиллах!
Решила, что расскажу о мультипотенциалах.
Решила и отложила это дело.

Вечер перед конференцией, а у меня не готова ни презентация, ни доклад.
Что ж, накидываю черновой вариант выступления и иду спать с мыслями «на месте разберусь».

А на месте стало очень страшно, стремно, не по себе🙈
«Здесь все говорят только о хард скиллах, нафига я здесь со своими софтами нужна…»
«Блин, так много людей, может ну его, посижу послушаю…»
«Все будут выступать сто процентов с интересными докладами, а у меня чушь какая-то…»
«У всех наверно презентации и отработанная речь, а у меня выступление на коленке…»
И тысяча похожих мыслей😁

Но есть у меня такие черты характера как смелость и решительность, а ещё девизы по жизни «кто не рискует, тот не пьет шампанское» и «удача сопутствует смелым»!
Представляю, что самое худшее может произойти, понимаю, что ничего такого,
собираю всю волю в свои маленькие женские кулачки, делаю глоток вина и выхожу на сцену…
А дальше как в тумане😁

Начинаю импровизировать, потому что речь выучить не успела, а в телефон подглядывать стремно.
Путаюсь в словах, часто вставляю дурацкую частичку «вот», запинаюсь и говорю дрожащим голосом… но говорю!
Выхожу из зоны комфорта, доношу свою мысль до зрителя (хотя не так, как хотелось), побеждаю свой страх и говорю!

И знаете что, меня слушали, мне отвечали, громко хлопали, подарили книгу и мерч, подходили обсуждать моё выступление.
А я была рада, что я - это я, боюсь, но делаю.
Можно много говорить о том, что кому-то везет, а кому-то нет, но тем, кто ничего не делает, уж точно никогда не повезет, ибо они ничего не делают))

Вот и весь мой рассказ.
Выше прикрепила кусочки выступления, буду рада обратной связи😌
FSD архитектура⚙️

Чтобы я сильно не скучала, меня на некоторое время добавили в другой проект, который использует FSD архитектуру.
Я трогала ее совсем немного и давно, а последний год работала с Atomic Design, поэтому сегодня я проникаюсь FSD, разворачиваю проект и погружаюсь в него.
Собственно, расскажу и вам, что это такое.

Feature-Sliced Design (FSD) — это архитектурная методология для проектирования frontend-приложений.
Проще говоря, это свод правил и соглашений по организации кода.
Главная цель методологии — сделать проект понятным и структурированным, особенно когда условия бизнеса постоянно меняются.

Проект на FSD состоит из слоев layers, каждый слой состоит из слайсов slices и каждый слайс состоит из сегментов segments (1, 2 картинка).

Слои:
1. app — настройки, стили и провайдеры для всего приложения (собсна как и везде).
2. processes (уже устарел) — сложные сценарии, покрывающие несколько страниц.
3. pages — страницы из сущностей, фич и виджетов. (обыкновенные страницы как и везде)
4. widgets — слой для соединения сущностей и фич в самостоятельные блоки. (например, IssuesList, UserProfile)
5. features — взаимодействия с пользователем. (например, SendComment, AddToCart, UsersSearch)
6. entities — бизнес-сущности. (например, User, Product, Order)
7. shared — переиспользуемый код, не имеющий отношения к специфике приложения/бизнеса. (например, UIKit, libs, API, короче как и во многих других не FSD проектах)

При этом такая история, что верхний слой может использовать нижние, а наоборот - нет. То есть виджет может использовать фичи, которые используют сущности, фичи могут использовать только сущности, а сущности вообще ничего исползовать не могут. Shared может использовать во всех слоях (3 картинка).

Затем есть слайсы, разделяющие код по предметной области. Разделение на слайсы обеспечивает высокий уровень связности (cohesion) при низком уровне зацепления (coupling).

В свою очередь, каждый слайс состоит из сегментов. Это маленькие модули, главная задача которых — разделить код по техническому назначению.
Самые распространенные сегменты — ui, model (store, actions), api и lib (utils/hooks), но в некоторых случаях api и config вынесены в shared-слой.

Пример построения приложения по FSD.

Я пока не работала достаточно с этим подходом, чтобы написать вам свое мнение, но дока FSD говорит о следующих преимуществах:
- Единообразие
- Контролируемое переиспользование логики
- Устойчивость к изменениям и рефакторингу
- Ориентированность на потребности бизнеса и пользователей

Постаралсь очень кратко, штука на мой взгляд прикольная, но надо привыкнуть, вот пошла привыкать🤓