Правильная структура в проекте | Архитектура в React приложениях
🔥 Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
► Интенсив React с нуля (приложение для тренировок) - https://htmllessons.ru/int/show/3?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
В этом ролике мы разберем правильную структуру в проекте.
Надеюсь Вы оцените мои старания, с Вас лайк и подписка.
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium
Мы посмотрим на готовы архитектуры, по примеру Atomic или Feature-sliced. Также я покажу свою структуру проекта, которая строилась и изменялась годами. Разбирать все будем на примере React + Next JS приложения. Приятного просмотра, тайм коды ниже.
Feature-sliced - https://github.com/feature-sliced/documentation
Полезная ссылка - https://www.taniarascia.com/react-architecture-directory-structure/
Atomic - https://medium.com/@janelle.wg/atomic-design-pattern-how-to-structure-your-react-application-2bb4d9ca5f97
#Структура #АрхитектураПроекта #React #RedGroup
Тайм коды:
00:00 - Начало
00:26 - Feature-sliced архитектура
03:56 - Еще один вариант структуры + немного про Alias
07:01 - Atomic design pattern
08:22 - Моя структура проекта
17:45 - Итоги
► Интенсив Node.js + Express - Backend с нуля - https://htmllessons.ru/int/show/2?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
► Интенсив по верстке сайта с 0 - https://htmllessons.ru/int/show/1?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
► Оформить подписку на нашем сайте - https://htmllessons.ru/premium
► Эксклюзивный контент - https://boosty.to/redgroup
► Оформи спонсорство и получи уникальный значок и эмоджи - https://www.youtube.com/channel/UCdpPBwKPriPIP2eyP9a1C6g/join
► Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage
► Научим разрабатывать сайты - https://htmllessons.ru/
► Личный Instagram - https://www.instagram.com/maxzbs/
► Личный Youtube - https://www.youtube.com/channel/UChXs79MvR8NjOumyxY3ayjw
► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3
► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate
► Мой сетап VS Code - https://youtu.be/_jquc4KJ4IU
Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊
Видео Правильная структура в проекте | Архитектура в React приложениях канала RED Group
► Интенсив React с нуля (приложение для тренировок) - https://htmllessons.ru/int/show/3?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
В этом ролике мы разберем правильную структуру в проекте.
Надеюсь Вы оцените мои старания, с Вас лайк и подписка.
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium
Мы посмотрим на готовы архитектуры, по примеру Atomic или Feature-sliced. Также я покажу свою структуру проекта, которая строилась и изменялась годами. Разбирать все будем на примере React + Next JS приложения. Приятного просмотра, тайм коды ниже.
Feature-sliced - https://github.com/feature-sliced/documentation
Полезная ссылка - https://www.taniarascia.com/react-architecture-directory-structure/
Atomic - https://medium.com/@janelle.wg/atomic-design-pattern-how-to-structure-your-react-application-2bb4d9ca5f97
#Структура #АрхитектураПроекта #React #RedGroup
Тайм коды:
00:00 - Начало
00:26 - Feature-sliced архитектура
03:56 - Еще один вариант структуры + немного про Alias
07:01 - Atomic design pattern
08:22 - Моя структура проекта
17:45 - Итоги
► Интенсив Node.js + Express - Backend с нуля - https://htmllessons.ru/int/show/2?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
► Интенсив по верстке сайта с 0 - https://htmllessons.ru/int/show/1?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=valid-structure-react
👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
► Оформить подписку на нашем сайте - https://htmllessons.ru/premium
► Эксклюзивный контент - https://boosty.to/redgroup
► Оформи спонсорство и получи уникальный значок и эмоджи - https://www.youtube.com/channel/UCdpPBwKPriPIP2eyP9a1C6g/join
► Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage
► Научим разрабатывать сайты - https://htmllessons.ru/
► Личный Instagram - https://www.instagram.com/maxzbs/
► Личный Youtube - https://www.youtube.com/channel/UChXs79MvR8NjOumyxY3ayjw
► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3
► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate
► Мой сетап VS Code - https://youtu.be/_jquc4KJ4IU
Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊
Видео Правильная структура в проекте | Архитектура в React приложениях канала RED Group
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Todo приложение на React для самых маленьких // Твое первое приложение [React, JavaScript, Tailwind]Ваши вопросы: Структура файлов в проектеАрхитектура Web Приложений / от простых до высоконагруженныхСтруктура проекта React (Архитектура приложения React)Best React Folder Structures | Beginner - Intermediate - AdvancedБыстрый курс по Tailwind CSS v3 + настройка конфигаReact Portfolio Website Tutorial From Scratch | Responsive Portfolio Website Using React JSНОВЫЙ REACT 18 ВЫШЕЛ07. Архитектура React - приложения – Егор БлиновFormik (React Forms) Crash Course⚡️ Быстрый курс по React Query | Очень удобно!React видеокаст #4: React ПаттерныCSS-модули, SASS/SCSS и сброс стилей в React-приложенииReact Landing Page + OnScroll AnimationЧто не так с React.js? Best practices vs code smells, Александр Погорелов - FrontendПравильный выбор базы данных [MySQL / PostgreSQL / MongoDB]Архитектура React-приложенияReact Login Authentication with JWT Access, Refresh Tokens, Cookies and AxiosАвторизация на React Native // Todo приложение