WebStack - Frontend
WebStack - Frontend
  • Видео 32
  • Просмотров 157 975
Feature-Sliced Design: Методология разработки фронтенд-приложений
Познакомься с основателями BeatMarket и научись грамотно инвестировать: t.me/ceobeatmarket_bot?start=bs_vosdux
Всем привет, на связи WebStack - Frontend и в этом видео мы реализуем TO-DO list с помощью самой хайповой архитектуры прямо сейчас - Feature-sliced design
Мой курс по JavaScript и React: boosty.to/webstack-fe/purchase/1940940?ssource=DIRECT&share=subscription_link
Поддержать канал:
boosty.to/webstack-fe
Репозиторий с проектом:
github.com/vosdux/fsd-react-mobx
Канал с советами для начинающих Frontend разработчиков:
t.me/vosduxFrontend
Чат где можно задать мне вопросы и пообщаться с другими начинающими фронтендерами:
t.me/+0FWmXELauK44NjRi
Наш Discord сервер:
discord.gg/dYEbxGvZ
00:00 | Что т...
Просмотров: 8 350

Видео

Effector - Redux больше не нужен. Effector + Atomic Router в React приложении.
Просмотров 4,6 тыс.10 месяцев назад
Познакомься с основателями BeatMarket и научись грамотно инвестировать: t.me/ cOVnZra0ACBlYzU0 Всем привет, на связи WebStack - Frontend и в этом видео мы рассмотрим как работает Effector в паре с Redux. Мой курс по JavaScript и React: boosty.to/webstack-fe/purchase/1940940?ssource=DIRECT&share=subscription_link Поддержать канал: boosty.to/webstack-fe Репозиторий с проектом: github.com/vosdux/e...
Генерация кода на фронте. swagger-typescript-api. Как экономить время при разработке новых фичей
Просмотров 2,2 тыс.Год назад
Всем привет, на связи WebStack - Frontend и в этом видео я расскажу вам про генерацию кода для сервисов работы с бэком, и как экономить на этом свое время. Мой курс: boosty.to/webstack-fe/purchase/1940940?ssource=DIRECT&share=subscription_link Поддержать канал: boosty.to/webstack-fe Репозиторий с проектом: github.com/vosdux/Rugram-youtube-lesson Канал с советами для начинающих Frontend разработ...
Codeium: ChatGpt в твоем редакторе кода
Просмотров 8 тыс.Год назад
Всем привет, на связи WebStack - Frontend. Поздравляю всех с наступившем новым годом! Всем профессионального роста в этом году! Спасибо вам за поддержку. А в этом видео мы рассмотрим расширение Codeium, которое позволит вам интегрировать в свой редактор кода полноценную нейросеть, которая ускорит вашу работу. Мой курс, в котором мы разберем самые важные темы для собеседования: boosty.to/webstac...
Spreading - Инструмент базы знаний c искусственным интеллектом. Пишем документации быстро
Просмотров 429Год назад
· Бесплатное использование Spreading: bit.ly/3FJ3qlf Всем привет, на связи WebStack - Frontend и в этом видео мы посмотрим на очень интересный инструмент, для написания документаций на базе искуственного интелекта. Мой курс: boosty.to/webstack-fe/purchase/1940940?ssource=DIRECT&share=subscription_link Поддержать канал: boosty.to/webstack-fe Репозиторий с проектом: github.com/vosdux/Rugram-youtu...
Как сделать простое приложение для видеоконференций с помощью React и ZEGOCLOUD SDK
Просмотров 1,9 тыс.Год назад
· Получите ZEGOCLOUD SDK на 10 000 бесплатных минут: bit.ly/3KJP7zI · Готовые наборы пользовательского интерфейса: bit.ly/3E1rdvL · Узнайте о 100% настроенном SDK для видеозвонков: bit.ly/3OX7TG5 · Как создать приложение для видеозвонков WebRTC: bit.ly/3OCWKJp ZEGOCLOUD video call SDK & API позволяет вам легко создавать свои приложения для видеочата в реальном времени за считанные минуты. Всем ...
Расширения редактора VS Code для продуктивной работы
Просмотров 869Год назад
Всем привет, на связи WebStack - Frontend и в этом ролике я покажу, какие расширения я использую для редактора VS code, и как они упрощают работу 00:00 | Про мой курс 00:17 | Ant design snippets 01:38 | Auto import 02:16 | Auto rename tag 02:55 | Color picker 03:33 | CSS Peek 04:18 | ES7 React/Redux/React-Native snippets 05:57 | ESLint 09:12 | Prettier - Code formatter 11:20 | GitLens - Git sup...
React + Mobx Гайд. Удобный state manager без бойлерплейта
Просмотров 21 тыс.Год назад
Всем привет, на связи WebStack - Frontend. В этом выпуске мы познакомимся с популярным стейт менеджером для React приложения - Mobx. Мой курс, в котором мы разберем самые важные темы для собеседования: boosty.to/webstack-fe/purchase/1940940?ssource=DIRECT&share=subscription_link 00:00 | Вступление 01:00 | Установка зависимостей 01:20 | Mobx стора на примере счетчка 09:24 | Переиспользования сто...
Как сделать себе шестиугольный аватар Вконтакте. Минт NFT за пару шагов
Просмотров 616Год назад
Всем привет, на связи WebStack - Frontend и в этом видео я покажу свое приложение, которым был занят. В ближайшее время я вернусь к записи видеоуроков. Если хотите поддержать мой канал переходите и создавайте себе уникальные аватарки. Группа Вконтакте hexagonal_avatar Поддержать канал: boosty.to/webstack-fe Репозиторий с проектом: github.com/vosdux/Rugram-youtube-lesson Канал с советами ...
Axios от А до Я. Полный курс в React приложении. Axios + TS
Просмотров 21 тыс.Год назад
Всем привет, на связи WebStack - Frontend и в этом видео полностью разберем такую библиотеку как axios, на примере React приложения с typescript. Научимся пользоваться interceptors, axios.create и отменять запросы Таймкоды: 00:00 | Что такое axios и зачем он нужен 01:00 | Устанавливаем axios на проект 02:35 | Разбираем request конфиг axios 23:41 | Axios defaults 26:02 | Axios instance 30:10 | A...
Рабочее место программиста. Сколько стоит? Рабочий стол для удаленщика
Просмотров 2,9 тыс.2 года назад
Всем привет, на связи WebStack - Frontend и в этом видео мы обсудим как организовать рабочее место для программиста или любого удаленщика. Я расскажу как я собрал свой идеальный сетап и поделюсь полезными фишками, которые я для себя открыл, после нескольких месяцев изучения этого вопроса Поддержать канал: boosty.to/webstack-fe Мой Github: github.com/vosdux Канал с советами для начинающих Fronte...
React + Typescript за 40 минут. Типизируем axios redux и redux tool kit.
Просмотров 5 тыс.2 года назад
Всем привет, на связи WebStack - Frontend и в этом ролике мы познакомимся с Typescript. Освоим все базовые понятия. И узнаем, как быстро перевести свое приложение на Typescript Таймкоды: 00:00 | Вступление 01:20 | Инициализируем React typescript проект 02:00 | Основные инструменты typescript 04:50 | Типизируем пропсы React компоненты 12:20 | Типизируем хук useState 14:55 | Что такое enum 21:21 ...
Как стать Frontend разработчиком в 2023 году? Frontend Roadmap. Интервью с разработчиками
Просмотров 2 тыс.2 года назад
Всем привет, на связи WebStack - Frontend и это первый разговорный ролик на этом канале. Поздравляю всех с Новым годом, в котором пора прокачивать свои навыки. Поэтому, в этом ролике мы обсудим, как стать Frontend разработчиком в 2023 году. Как не засорить себе голову и максимально быстро (возможно уже через полгода) получить свою первую работу в IT. А заодно послушайте интервью от тех кто реши...
React hooks. useMemo и useCallback это плохо? Когда лучше использовать? React.memo
Просмотров 1,4 тыс.2 года назад
Всем привет, на связи WebStack - Frontend и это новое видео в котором мы поговорим про два самых загадочных хука в React. А именно useMemo и useCallback. А заодно затронем React memo. Таймкоды: 00:00 | Вступление 02:10 | Когда React компонента перерендеривается? 06:00 | useMemo - как рабоатет? 08:00 | Как ухудшить оптимизацию при использовании useMemo? 09:40 | Когда использовать useMemo? 16:22 ...
Пишем клон instagram на React. React + Redux + Rest API. Урок 10. Валидация формы.
Просмотров 1,2 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 10. Валидация формы.
Frontend tools. JSON Server Auth. Фейковое API С JWT авторизацией
Просмотров 2,9 тыс.2 года назад
Frontend tools. JSON Server Auth. Фейковое API С JWT авторизацией
Redux под капотом. Пишем свой Redux. Функция applyMiddleware и библиотека redux-thunk
Просмотров 6932 года назад
Redux под капотом. Пишем свой Redux. Функция applyMiddleware и библиотека redux-thunk
Пишем клон instagram на React. React + Redux + Rest API. Урок 9. Обрабатываем ошибки API + Лоадер
Просмотров 8792 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 9. Обрабатываем ошибки API Лоадер
Redux под капотом. Пишем свой Redux. Функции createStore и combineReducers
Просмотров 1,7 тыс.2 года назад
Redux под капотом. Пишем свой Redux. Функции createStore и combineReducers
Пишем клон instagram на React. React + Redux + Rest API. Урок 8. Делаем модальное окно с фотографией
Просмотров 7572 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 8. Делаем модальное окно с фотографией
Frontend tools. Фейковое API для учебных проектов. Как замокать бэкенд. Json-Server JS
Просмотров 2,6 тыс.2 года назад
Frontend tools. Фейковое API для учебных проектов. Как замокать бэкенд. Json-Server JS
Пишем клон instagram на React. React + Redux + Rest API. Урок 7. Получаем данные пользвателя с API
Просмотров 9512 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 7. Получаем данные пользвателя с API
Пишем клон instagram на React. React + Redux + Rest API. Урок 6. Страница пользователя + комменты
Просмотров 9022 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 6. Страница пользователя комменты
Пишем клон instagram на React. React + Redux + Rest API. Урок 5. Делаем лайки под фото
Просмотров 1,6 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 5. Делаем лайки под фото
Пишем клон instagram на React. React + Redux + Rest API. Урок 4. Работаем с бэкендом
Просмотров 2,2 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 4. Работаем с бэкендом
Пишем клон instagram на React. React + Redux + Rest API. Урок 3. Верстаем карточку поста
Просмотров 1,9 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 3. Верстаем карточку поста
Пишем клон instagram на React. React + Redux + Rest API. Урок 2.Создаем архитектуру проекта и лейаут
Просмотров 2,9 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 2.Создаем архитектуру проекта и лейаут
Пишем клон instagram на React. React + Redux + Rest API. Урок 1. Настройка окружения
Просмотров 2,4 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Урок 1. Настройка окружения
Пишем клон instagram на React. React + Redux + Rest API. Курс для начинающих Frontend разработчиков.
Просмотров 3,6 тыс.2 года назад
Пишем клон instagram на React. React Redux Rest API. Курс для начинающих Frontend разработчиков.
Публикуем наш сайт с помощью Github pages И используем инструменты VS code для работы с git
Просмотров 25 тыс.2 года назад
Публикуем наш сайт с помощью Github pages И используем инструменты VS code для работы с git

Комментарии

  • @quantumvector1783
    @quantumvector1783 15 дней назад

    огонь

  • @svk29
    @svk29 27 дней назад

    Зачем нужны эти стейт менеджеры, фигня полная. Я выпилил редакс из своего приложения и мобх тоже не нужен. Все пишется без них, просто надо разобраться, а не тупо копировать.

    • @webstack-frontend1697
      @webstack-frontend1697 26 дней назад

      @@svk29 в любом мало мальски крупном проекте, без стейт менеджера не минуемо образуется такой антипаттерн как props driling. Который приведёт к трудностями при масштабировании, переиспльзовании и отладке кода

    • @svk29
      @svk29 26 дней назад

      @webstack-frontend1697 Да, оно конечно зависит от проекта, но для большинства каких нибудь магазинчиков и т.д. достаточно контекста. Одни плюсы, легче вес, шустрее работает и читабельность текста существенно улучшилась. По возможности теперь бу избегать редакса и прочих стейтов. Есть еще реакт квиари и свр, они заменяют ртк.

  • @DungeonMaster_MT
    @DungeonMaster_MT 27 дней назад

    спасибо

  • @flaywar2363
    @flaywar2363 Месяц назад

    Отличный видеоролик, подробный.

  • @DenysBabych
    @DenysBabych Месяц назад

    реакт приложение и ни одного кастомного хука? и без реакт квери? довольно странно, а куда ложить такое?

  • @dmitrys4937
    @dmitrys4937 Месяц назад

    Спасибо! Все быстро сделал. Очень хороший гайд

  • @user-fq3mj8wo8c
    @user-fq3mj8wo8c 2 месяца назад

    unmount po ssylke - podlovil )))

  • @СергейКуликов-л8ы
    @СергейКуликов-л8ы 2 месяца назад

    подскажите, как пользоваться чатом из intelj idea? Пишет - Feature not available in your country. You 3:04 pm, Nov 27, 2024 @Post.java what it is Codeium 3:04 pm, Nov 27, 2024 Feature not available in your country.

    • @webstack-frontend1697
      @webstack-frontend1697 2 месяца назад

      @@СергейКуликов-л8ы к сожалению не смогу подсказать. Не пользуюсь этим редактором

  • @k0repan0ff
    @k0repan0ff 2 месяца назад

    На 51:10 Вы создаете task-row, который находится в entities и внутри него создаете ссылку в которой прописываете адрес для отображения details. У вас она простая (всего лишь /:id) и вопросов наверно не вызывает, но ведь ссылка на страницу details может быть другой и взята будет из слоя app из routing. Откуда слой entities знает какие ссылки есть в слое app? Вроде как нарушение методологии FSD?

    • @webstack-frontend1697
      @webstack-frontend1697 2 месяца назад

      Если я правильно понял описанную ситуацию, то мне кажется, что в таком случае ссылки лучше вынести в shared в константы и использовать их как в роутинге, так и в сущностях

  • @MURBULLL
    @MURBULLL 2 месяца назад

    Прекрасное видео! спасибо за объяснение только созрел один вопрос. Если я хочу обновить файл либо же картинку или загрузить тоже пишу 'add picture' или 'add file' git push или все по другому? а так видео спасло меня благодарю!!!

  • @Das.Kleine.Krokodil
    @Das.Kleine.Krokodil 2 месяца назад

    А вы пробовали тарифный план Pro за 10$? Есть ли отличия по сравнению с бесплатным? Судя по информации с их сайта для этого плана используется GPT-4o, Codeium models.

    • @webstack-frontend1697
      @webstack-frontend1697 2 месяца назад

      @@Das.Kleine.Krokodil Платный вариант не пробовал, да и вообще потихоньку перешёл на gigaCode

  • @shadows_guild
    @shadows_guild 3 месяца назад

    А каким образом в Redux реализовано обновление компонента где используются данные из хранилища?

    • @webstack-frontend1697
      @webstack-frontend1697 3 месяца назад

      @@shadows_guild в провайдере из react-redux используется контекст реакта и поэтому компоненты реагируют

  • @hmell7684
    @hmell7684 3 месяца назад

    А если я хочу стили задавать css модулями, то куда класть эти name.module.css?

    • @webstack-frontend1697
      @webstack-frontend1697 3 месяца назад

      @@hmell7684 в слайсе может быть сегмент ui. Прям в него можно и класть

    • @hmell7684
      @hmell7684 3 месяца назад

      @@webstack-frontend1697 Спасибо!

  • @danrad3213
    @danrad3213 3 месяца назад

    Спасибо за видео. Очень кратко, подробно помог решить проблему.

  • @Moon0wl
    @Moon0wl 3 месяца назад

    Найс гайд, лайк

  • @JoSmith0
    @JoSmith0 3 месяца назад

    Видео огонь!

  • @reyping6500
    @reyping6500 3 месяца назад

    Жаль, что не показали как добавлять новые посты, интересно было бы узнать как работает

  • @ReturnMeVoid
    @ReturnMeVoid 4 месяца назад

    йерор

  • @ИсламЖенишов-э6л
    @ИсламЖенишов-э6л 4 месяца назад

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

    • @webstack-frontend1697
      @webstack-frontend1697 4 месяца назад

      @@ИсламЖенишов-э6л согласен, это один из главных минусов

  • @skyname8870
    @skyname8870 4 месяца назад

    Слишком огромные буквы и масштаб экрана в видео... Надо было в 2 раза меньше делать, а то слишком комфортно всматриваться! ... P.S. Но спасибо за видос... ни смотря ни на что (в буквальном смысле), все наше китайское село стало очень сильно прищюриваться, после этого всё стало сразу видно слегка хоть более менее! Хорошо что автор еще говорил то, что мы должны были увидеть, а то мы бы наверно и не увидели! В общем спасибо автору за ауидио поддержку на Ютубе!

  • @Arsen-se7qb
    @Arsen-se7qb 4 месяца назад

    а можно ли изменить на русский язык?

    • @webstack-frontend1697
      @webstack-frontend1697 4 месяца назад

      @@Arsen-se7qb можно пытаться задавать вопросы на русском, то отвечать он тоже может на русском, но не всегда)

    • @Arsen-se7qb
      @Arsen-se7qb 4 месяца назад

      @@webstack-frontend1697 спасибо понял

    • @Nahsh5ba
      @Nahsh5ba 3 месяца назад

      Try to get used to English

  • @nics51
    @nics51 4 месяца назад

    единственный ютубер у которого стиль кода и стэк схож со мной ❤

  • @ТОЛЬКОПОБЕЗДОРОЖЬЮ
    @ТОЛЬКОПОБЕЗДОРОЖЬЮ 4 месяца назад

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

  • @404Negative
    @404Negative 4 месяца назад

    автор, ты понимаешь, что авторизация никак не связана с реактом ?? то, как ты проверял протухшесть токена, отправляя запрос, и ожидая 401 статус код,заслуживает отдельных лулзов. наговнокодил что-то невнятно и показываешь. и весь ютуб в таких видосах

    • @webstack-frontend1697
      @webstack-frontend1697 4 месяца назад

      @@404Negative причём здесь вообще React? Это видео про библиотеку с помощью которой можно создать фековое апи для своих пет-проектов. Интересно а что вы ожидали увидеть в гайде на такую библиотеку?)

    • @404Negative
      @404Negative 4 месяца назад

      ​@@webstack-frontend1697 ожидал увидеть код, хотя бы уровня junior разработчика. тот код, что я увидел в вашем видео, я даже не знаю как описать. это что-то вроде заготовки для говнокода.

    • @webstack-frontend1697
      @webstack-frontend1697 4 месяца назад

      @@404Negative Ну вы как сеньор-эксперт явно бы лучше написали код, для фейкового бэкенда. Надеюсь, вы когда нибудь откроете свой канал и я смогу зачерпнуть вашей мудрости))

  • @pulyvil3909
    @pulyvil3909 5 месяцев назад

    Спасибо большое, я теперь стала лучше понимать axios. Просто лучший!

  • @Igor_Cs
    @Igor_Cs 5 месяцев назад

    Не знаю, кто ты, воин, но ты рассказал инфу за 7 минут (по факту за 2), а другие ютуберы рассказывают 20 минут, а то и все 60. Крч, красавчик, дефолт надо уметь рассказывать без воды водицы

  • @imonutiy
    @imonutiy 5 месяцев назад

    По-идее заворачивать в observer компоненты уже не нужно если есть Provider от контекста?

    • @webstack-frontend1697
      @webstack-frontend1697 4 месяца назад

      @@imonutiy Насколько я знаю провайдера не достаточно

    • @imonutiy
      @imonutiy 4 месяца назад

      @@webstack-frontend1697 Да, все правильно, перепроверил

    • @egor33120
      @egor33120 4 месяца назад

      Не нужно оборачивать компонент в observer, если его родительский компонент уже обернут в Provider. Компонент Provider делает все состояние, определенное в MobX Store, доступным для всех его потомков. Это означает, что все дочерние компоненты могут получить доступ к состоянию и автоматически перерендериться при его изменении. Observer - это декоратор, который делает компонент наблюдателем за изменениями в состоянии. Если ваш родительский компонент уже обернут в Provider, то все дочерние компоненты автоматически являются наблюдателями, и observer становится избыточным.

    • @webstack-frontend1697
      @webstack-frontend1697 4 месяца назад

      @@egor33120 mobx-cookbook.github.io/react-integration/context-api

    • @egor33120
      @egor33120 4 месяца назад

      @@webstack-frontend1697 Перепроверил. Вы правы. В примере с Wrapper, как представлено в видео, действительно, нужно использовать observer, однако уже в дочерних компонентах его использование избыточно. Упустил контекст вопроса, спасибо что поправили. <Provider> <Parent> - оборенутый в observer <Child> - observer избыточен

  • @meepo55555
    @meepo55555 5 месяцев назад

    + не работает

  • @БогданЧерніков-ы6д
    @БогданЧерніков-ы6д 5 месяцев назад

    не работает код) инпут и кнопка даже не появляются

    • @webstack-frontend1697
      @webstack-frontend1697 5 месяцев назад

      @@БогданЧерніков-ы6д я не знаю в каком состоянии сейчас библиотека, возможно баг. И стоит понизить версию

  • @_BeeeleeN_
    @_BeeeleeN_ 5 месяцев назад

    Спасибо. Все получилось🤙👍👍

  • @You_Cant_Catch_Me
    @You_Cant_Catch_Me 5 месяцев назад

    как запустить правильно проект? что нужно скачать? \

    • @webstack-frontend1697
      @webstack-frontend1697 5 месяцев назад

      @@You_Cant_Catch_Me установить зависимости командой npm i. Дальше в package json найти скрипт для старта и запустить с помощью npm run <этот скрипт>

  • @You_Cant_Catch_Me
    @You_Cant_Catch_Me 5 месяцев назад

    можно ли скачать проект с гитхаба?

    • @webstack-frontend1697
      @webstack-frontend1697 5 месяцев назад

      @@You_Cant_Catch_Me github.com/vosdux/Rugram-youtube-lesson

  • @LiraKapp
    @LiraKapp 5 месяцев назад

    Здравствуйте. Все сделала по инструкции, но на последнем этапе выбивает ошибку «error: remote origin already exists.” . При этом пробовала привязывать дважды. И к старому репозиторию, и создавала новый без файлов. Пишет что ничего не существует 😢 что делать

    • @webstack-frontend1697
      @webstack-frontend1697 5 месяцев назад

      @@LiraKapp он вам отвечает что удалённый репозиторий уже существует. Можно пробовать сделать коммит

  • @ЭдуардПрилуцкий
    @ЭдуардПрилуцкий 6 месяцев назад

    Полностью повторил код, 1 в 1 с отрезкой. Но у меня не отображает ни одного комментария, пишет только отобразить 20 комментариев, а их 20 в массиве

  • @jklyfg9893
    @jklyfg9893 6 месяцев назад

    Это правда, что Axios уже deprecated?

    • @webstack-frontend1697
      @webstack-frontend1697 5 месяцев назад

      @@jklyfg9893 последнее обновление было 7 дней назад. Не похоже на deprecated. Но ky сейчас "актуальнее"

  • @adhuard2022
    @adhuard2022 6 месяцев назад

    почему то не получается , после ввода git commit -m "first commit" (Untracked files: (use "git add <file>..." to include in what will be committed)) и красным все содержимое папки

    • @webstack-frontend1697
      @webstack-frontend1697 6 месяцев назад

      @@adhuard2022 вряд ли смогу подсказать не видя всю ситуацию. Возможно где то ошиблись в шагах. Попробуйте повторить заново

    • @soloviyshpak
      @soloviyshpak 5 месяцев назад

      git add . напиши

  • @evilinarm
    @evilinarm 6 месяцев назад

    Привет! Спасибо за видео, есть небольшие предложения: 1. -Добавить для post \ posts общий Layout (<BaseLayout>). Atomic Router так умеет, чтобы при переключении между страницами с одинаковым layout не было фликов. 2 - Хорошо было бы при ожидании запросов (на логин \ регистрацию \ первичное получение постов), добавлять какой-то прелоадер \ скелетон на всю страницу. Иначе если бы Бэкенд был бы настоящим, мы бы видели много фликов и прыжков.

    • @webstack-frontend1697
      @webstack-frontend1697 6 месяцев назад

      @@evilinarmспасибо за поддержку! Да есть такие варианты. Возможно я сделал не слишком оптимально)

  • @Akhmed-o7h
    @Akhmed-o7h 6 месяцев назад

    Я считаю, что у тебя в разных местах что-то по чучуть отличается, например сегмент UI у тебя либо файл, либо папка. Хотя все должно быть стандартно ( в данном случае для UI - папка), чтобы была расширяемость. И чтобы не поишлось менять структуру проекта я считаю

  • @GDrakula
    @GDrakula 6 месяцев назад

    Ментор за деньги))))

  • @АнатолийГаврилов-ы2ь
    @АнатолийГаврилов-ы2ь 6 месяцев назад

    Есть возможность скинуть пожалуйста ссылку на репу именно с данного видоса?

    • @webstack-frontend1697
      @webstack-frontend1697 6 месяцев назад

      @@АнатолийГаврилов-ы2ь привет. Завтра залью на гитхаб и добавлю в описание

    • @АнатолийГаврилов-ы2ь
      @АнатолийГаврилов-ы2ь 6 месяцев назад

      @@webstack-frontend1697 большое спасибо !

  • @pavelivanov3590
    @pavelivanov3590 6 месяцев назад

    Всё не мог понять, как entities с features объединять. Спасибо за наглядный пример!

  • @АнатолийГаврилов-ы2ь
    @АнатолийГаврилов-ы2ь 6 месяцев назад

    Хороший видос, только исходники ведут на какой-то другой проект

  • @usablaizer5687
    @usablaizer5687 7 месяцев назад

    реально помог, всё получилось, спасибо!

  • @ЮрийМусатов-ь3я
    @ЮрийМусатов-ь3я 7 месяцев назад

    FSD - очень замороченная штука, а сложные вещи не выживают(native redux, saga и т.д.). Через 3 года о FSD никто и не вспомнит - скриньте!

    • @webstack-frontend1697
      @webstack-frontend1697 7 месяцев назад

      Я сам до сих пор на 3х китах сижу. components pages и stores. Но насчет смерти я не согласен. На нем понапишут столько проектов что еще внукам хватит

    • @aeron_rus
      @aeron_rus 4 месяца назад

      ​@@webstack-frontend1697 и вам хватает этого? Почему-то в архитектуре front'a все неявно и не четко) Нет конкретных рамок когда использовать components, pages, store, когда просто модульную архитектуру, а когда уже и на fsd логично замахнуться

  • @MgsMen
    @MgsMen 7 месяцев назад

    Спасибо огромное дружище !! Устроился full stack. Нечего не шарю за фронт. Даже за JS. А у нас на проекте TypeScript и Mobx и твой пример прям помогает разобраться здесь и сейчас. Ни у кого не нашёл с примером Mobx + TS. А у тебя было, причём всё круто показал и объяснил. Жирнющий лайк тебе и спасибо !!

  • @lyamoore2194
    @lyamoore2194 7 месяцев назад

    Просто, понятно и доступно. Спасибо!

  • @mrakov
    @mrakov 7 месяцев назад

    Я видимо не очень понял, как связана архитектура построения приложения, разбиение на сущности и взаимодействие различных слоёв с "давайте возьмём название папок, а писать будем как удобно нам, а там как пойдёт", если на первых страница описано, для чего папка "entity", что у неё есть слои, как раз под "api", что в "/shared/ui" не самое хорошее место класть архитектурный слой роутера, помимо простой "UI" компоновки, не говоря уже про "есть у нас todo-list, все элементы называется todo..., интерфейс также, а вот модель назову-ка я task, потому что могу". Попал на видео случайно, возможно это часть плейлиста с более детальным объяснением, но вне контекста информация только путает понимание, если оно было.

    • @webstack-frontend1697
      @webstack-frontend1697 7 месяцев назад

      Видео предназначено для новичков чтоб на базовом уровне объяснить за что отвечает каждый слой и что это всего лишь набор правил из которых любое можно модифицировать пол себя и на любое можно забить)

    • @mrakov
      @mrakov 7 месяцев назад

      @@webstack-frontend1697 но ведь прямо вначале мелькает фраза «мы возьмем только структуру папок», что уже вводит в заблуждение. Дело, конечно, каждого как «упрощать материал» для новичков, но, как мне кажется, это как «вот это - катана, для простоты будем называть ее ножом». В чем заключается упрощение путем полного изменения смысла на свой, при чем с частичной мутацией кор идей - мне не очень ясно. Есть отдельные тонкие моменты, где есть проблемы взаимоотношений слоев, которые в 1 время могут быть условно «виджетом» и «фичей» и как этого избегать, вот такие ситуации упомянуть или НЕ упомянуть, чтобы упростить - супер, окей. Но подмена понятий и замена смысла - звучит не как упрощение, как мне показалось. Но Ваш контент - Ваше дело.

    • @webstack-frontend1697
      @webstack-frontend1697 7 месяцев назад

      @@mrakov ну значит это плохое видео ;)

    • @mrakov
      @mrakov 7 месяцев назад

      Как раз обсуждение разницы структуры папок и подхода к проектированию ruclips.net/video/aD5Mst0OoSs/видео.html

  • @yakovlev.r691
    @yakovlev.r691 7 месяцев назад

    Просто нет видео, где существует одна сущность в бд и к ней применяется 4 крада. Вот ты создал 101 пост, состояние обновил? Вот что интересно и нужно, как на ts по папкам красиво бегать, пользоваться крадами и обновляя состояние не рендерить страницу

  • @elena-la-coreanita
    @elena-la-coreanita 7 месяцев назад

    Thank you for the video! I was looking for a real project with fsd applied and this was very helpful.

  • @testwebdevelopment4287
    @testwebdevelopment4287 7 месяцев назад

    Интересно, а сможет ли прога написать документацию по подключению к api? (скормить ему swager)