Merge pull request #354 from feature-sliced/features/DISCOVERY-348-co…

…mmunity--awesome DISCOVERY-348: Add Community section (basely init)
feature-sliced · Nov 9, 2021 · a97fe4a · a97fe4a
2 parents f9d8a5a + 99652fc
commit a97fe4a
Show file tree

Hide file tree

Showing 14 changed files with 300 additions and 6 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -57,6 +57,11 @@ const navbar = {
                     to: SECTIONS.ABOUT.shortPath,
                     activeBasePath: SECTIONS.ABOUT.shortPath,
                 },
+                {
+                    label: "💫 Community",
+                    to: SECTIONS.COMMUNITY.shortPath,
+                    activeBasePath: SECTIONS.COMMUNITY.shortPath,
+                },
             ],
         },
         {

diff --git a/website/i18n/en/docusaurus-plugin-content-docs/current/community/awesome.md b/website/i18n/en/docusaurus-plugin-content-docs/current/community/awesome.md
@@ -0,0 +1,74 @@
+---
+sidebar_position: 1
+---
+
+# Awesome Resources
+
+[![Awesome](https://awesome.re/badge.svg)](https://awesome.re)
+
+A curated list of awesome feature-sliced videos, articles, packages
+
+Found something cool? Please, **[contribute](https://github.com/feature-sliced/awesome/pulls)**!
+
+## Community
+
+- [FeatureSliced Telegram (RU)](https://t.me/feature_sliced)
+- [FeatureSliced Twitter](https://twitter.com/feature_sliced)
+- [FeatureSliced YouTube](https://www.youtube.com/channel/UCkng_PHLatpDKPOIKfI731A)
+
+## Examples
+
+See the [examples](https://feature-sliced.design/examples)
+
+## DevExp
+
+### Linting
+
+- [eslint-plugin-import](https://github.com/benmosher/eslint-plugin-import)
+- [eslint-plugin-simple-import-sort](https://github.com/lydell/eslint-plugin-simple-import-sort)
+- [eslint-plugin-boundaries](https://github.com/javierbrea/eslint-plugin-boundaries)
+- [dependency-cruiser](https://github.com/sverweij/dependency-cruiser)
+- [ESlint Config (Draft)](https://gist.github.com/azinit/4cb940a1d4a3e05ef47e15aa18a9ecc5)
+- *TBD...*
+
+### Templates
+
+- *TBD...*
+
+### Services
+
+- *TBD...*
+
+### IDE
+
+- *TBD...*
+
+## Articles
+
+- [Feature Slices (v1) / Sergey Sova](https://featureslices.dev/)
+- [Feature Driven / Oleg Isonen](https://github.com/feature-sliced/documentation/tree/rc/feature-driven)
+- [Atomic Design / Brad Frost](https://atomicdesign.bradfrost.com/table-of-contents/)
+- [Clean Architecture on Frontend / Alex Bespoyasov](https://dev.to/bespoyasov/clean-architecture-on-frontend-4311)
+- [A feature based approach to React development](https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/)
+- [Why React developers should modularize their applications?](https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1)
+- [How to Organize Your React + Redux Codebase](https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase)
+- [The Humanizing Work Guide to Splitting User Stories *(aka "Vetical Slices")*](https://www.humanizingwork.com/the-humanizing-work-guide-to-splitting-user-stories/)
+- [Is the "feature-sliced" methodology an ideal way to structure a growing project? *(BlogPost)* / Oleg Kusov](https://okusov.ru/metodologiya-feature-sliced-idealnyj-sposob-strukturirovat-rastushij-proekt)
+
+## Talks
+
+### Core-team
+
+- `RU` `2021` [(IT2G Tech Talk) Feature Sliced. Architecture of Frontend Projects / Ilya Azin, Yandex](https://youtu.be/TFA6zRO_Cl0)
+- `RU` `2021` [(Podlodka FrontendCrew) Feature Sliced. Architecture of Frontend Projects / Ilya Azin](https://youtu.be/SnzPAr_FJ7w)
+- `RU` `2021` [i18n, PageLayout, Auth / Discussion](https://youtu.be/b_nBvHWqxP8)
+- `RU` `2021` [Feature Sliced Committee Setup / Discussion](https://youtu.be/RQBslp8dngA)
+- `RU` `2021` [Architecture of React projects / TalkStream](https://youtu.be/h1YY7r9Uov8)
+- `RU` `2018` [(React SPB Meetup #1) Feature Slices / Sergey Sova [Slides]](https://t.me/feature_slices)
+
+### External
+
+- `RU` `2021` [(Podlodka FrontendCrew) Live-coding: Clean Architecture on Frontend / Alex Bespoyasov](https://youtu.be/h4WQRqNjmX0)
+- `RU` `2019` [Frontend project structure / Ilya Klymov](https://youtu.be/Sp8V-5k2ZaM)
+- `RU` `2019` [Evolution of enterprise architecture. From MVC to Clean Architecture / Fedor Shchudlo](https://youtu.be/WXelYPjwmk0)
+- `EN` `2018` [(React Berlin) Feature Driven Development / Oleg Isonen](https://youtu.be/BWAeYuWFHhs)
diff --git a/website/i18n/en/docusaurus-plugin-content-docs/current/community/index.mdx b/website/i18n/en/docusaurus-plugin-content-docs/current/community/index.mdx
@@ -0,0 +1,40 @@
+---
+sidebar_position: 0
+sidebar_class_name: sidebar-item--root
+hide_table_of_contents: true
+slug: /community
+pagination_prev: about/index
+---
+
+# 💫 Community
+
+<span class="badge badge--info margin-bottom--md">COMMUNITY-ORIENTED</span>
+
+<p class="summary">
+Community resources, additional materials
+</p>
+
+## Main
+
+import Row from "@site/src/shared/ui/row/tmpl.mdx"
+import { StarOutlined, SearchOutlined, TeamOutlined } from "@ant-design/icons";
+
+<Row 
+    title="Awesome Resources" 
+    description="A curated list of awesome feature-sliced videos, articles, packages"
+    to="/docs/community/awesome"
+    Icon={StarOutlined}
+/>
+<Row 
+    title="Team" 
+    description="Core-team, Champions, Contributors, Companies"
+    to="/docs/community/team"
+    Icon={TeamOutlined}
+/>
+<Row 
+    title="Contributing" 
+    description="HowTo, Workflow, Support"
+    to="#"
+    Icon={SearchOutlined}
+    disabled
+/>
diff --git a/...lugin-content-docs/current/about/team.mdx → ...n-content-docs/current/community/team.mdx b/...lugin-content-docs/current/about/team.mdx → ...n-content-docs/current/community/team.mdx
@@ -1,10 +1,18 @@
 ---
 sidebar_class_name: sidebar-item--wip
-sidebar_position: 4
+sidebar_position: 2
 ---
 
 import WIP from '@site/src/shared/ui/wip/tmpl.mdx'
 
 # Team
 
-<WIP ticket="192" />
+<WIP ticket="192" />
+
+## Core-team
+
+### Champions
+
+## Contributors
+
+## Companies
diff --git a/website/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx b/website/i18n/en/docusaurus-plugin-content-docs/current/intro.mdx
@@ -123,7 +123,14 @@ import Link from "@docusaurus/Link";
     description="The philosophy of methodology, its goals and place in the modern frontend"
     to="/docs/about"
     Icon={"🍰"}
-    tags={['Mission','Team']}
+    tags={['Mission','Promote & Integration']}
+/>
+<Row 
+    title="Community" 
+    description="Community resources, additional materials"
+    to="/docs/community"
+    Icon={"💫"}
+    tags={['Awesome','Team', 'Contributing']}
 />
 <Row 
     title="Examples" 

diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/community/awesome.md b/website/i18n/ru/docusaurus-plugin-content-docs/current/community/awesome.md
@@ -0,0 +1,74 @@
+---
+sidebar_position: 1
+---
+
+# Awesome Resources
+
+[![Awesome](https://awesome.re/badge.svg)](https://awesome.re)
+
+Подборка интересных видео, статей и тулкита
+
+Нашли что-то классное? Пожалуйста, **[поделитесь](https://github.com/feature-sliced/awesome/pulls)**!
+
+## Комьюнити
+
+- [FeatureSliced Telegram (RU)](https://t.me/feature_sliced)
+- [FeatureSliced Twitter](https://twitter.com/feature_sliced)
+- [FeatureSliced YouTube](https://www.youtube.com/channel/UCkng_PHLatpDKPOIKfI731A)
+
+## Примеры
+
+См. [примеры](https://feature-sliced.design/examples)
+
+## DevExp
+
+### Линтинг
+
+- [eslint-plugin-import](https://github.com/benmosher/eslint-plugin-import)
+- [eslint-plugin-simple-import-sort](https://github.com/lydell/eslint-plugin-simple-import-sort)
+- [eslint-plugin-boundaries](https://github.com/javierbrea/eslint-plugin-boundaries)
+- [dependency-cruiser](https://github.com/sverweij/dependency-cruiser)
+- [ESlint Config (Draft)](https://gist.github.com/azinit/4cb940a1d4a3e05ef47e15aa18a9ecc5)
+- *TBD...*
+
+### Шаблоны проектов
+
+- *TBD...*
+
+### Сервисы
+
+- *TBD...*
+
+### IDE
+
+- *TBD...*
+
+## Статьи
+
+- [Feature Slices (v1) / Сергей Сова](https://featureslices.dev/)
+- [Feature Driven / Oleg Isonen](https://github.com/feature-sliced/documentation/tree/rc/feature-driven)
+- [Atomic Design / Brad Frost](https://atomicdesign.bradfrost.com/table-of-contents/)
+- [Clean Architecture на Фронтенде / Александр Беспоясов](https://dev.to/bespoyasov/clean-architecture-on-frontend-4311)
+- [A feature based approach to React development](https://ryanlanciaux.com/blog/2017/08/20/a-feature-based-approach-to-react-development/)
+- [Why React developers should modularize their applications?](https://alexmngn.medium.com/why-react-developers-should-modularize-their-applications-d26d381854c1)
+- [How to Organize Your React + Redux Codebase](https://www.pluralsight.com/guides/how-to-organize-your-react-+-redux-codebase)
+- [The Humanizing Work Guide to Splitting User Stories *(aka "Vetical Slices")*](https://www.humanizingwork.com/the-humanizing-work-guide-to-splitting-user-stories/)
+- [Методология "feature-sliced" - идеальный способ структурировать растущий проект? *(BlogPost)* / Олег Кусов](https://okusov.ru/metodologiya-feature-sliced-idealnyj-sposob-strukturirovat-rastushij-proekt)
+
+## Доклады
+
+### Core-team
+
+- `RU` `2021` [(IT2G Tech Talk) Feature Sliced. Архитектура Фронтенд проектов / Илья Азин, Яндекс](https://youtu.be/TFA6zRO_Cl0)
+- `RU` `2021` [(Podlodka FrontendCrew) Feature Sliced. Архитектура Фронтенд проектов / Илья Азин](https://youtu.be/SnzPAr_FJ7w)
+- `RU` `2021` [i18n, PageLayout, Auth / Discussion](https://youtu.be/b_nBvHWqxP8)
+- `RU` `2021` [Feature Sliced Committee Setup / Discussion](https://youtu.be/RQBslp8dngA)
+- `RU` `2021` [Архитектура React проектов / TalkStream](https://youtu.be/h1YY7r9Uov8)
+- `RU` `2018` [(React SPB Meetup #1) Feature Slices / Sergey Sova [Слайды]](https://t.me/feature_slices)
+
+### Сторонние
+
+- `RU` `2021` [(Podlodka FrontendCrew) Live-coding: Clean Architecture на Фронтенде / Александр Беспоясов](https://youtu.be/h4WQRqNjmX0)
+- `RU` `2019` [Структура фронтенд проекта / Илья Климов](https://youtu.be/Sp8V-5k2ZaM)
+- `RU` `2019` [Эволюция Enterprise-архитектур. От MVC до Clean Architecture / Федор Щудло](https://youtu.be/WXelYPjwmk0)
+- `EN` `2018` [(React Berlin) Feature Driven Development / Oleg Isonen](https://youtu.be/BWAeYuWFHhs)
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/community/index.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/current/community/index.mdx
@@ -0,0 +1,40 @@
+---
+sidebar_position: 0
+sidebar_class_name: sidebar-item--root
+hide_table_of_contents: true
+slug: /community
+pagination_prev: about/index
+---
+
+# 💫 Community
+
+<span class="badge badge--info margin-bottom--md">COMMUNITY-ORIENTED</span>
+
+<p class="summary">
+Комьюнити-ресурсы и дополнительные материалы
+</p>
+
+## Главное
+
+import Row from "@site/src/shared/ui/row/tmpl.mdx"
+import { StarOutlined, SearchOutlined, TeamOutlined } from "@ant-design/icons";
+
+<Row 
+    title="Awesome Ресурсы" 
+    description="Подборка интересных видео, статей и тулкита"
+    to="/docs/community/awesome"
+    Icon={StarOutlined}
+/>
+<Row 
+    title="Команда" 
+    description="Core-team, Чемпионы, Контрибьюторы, Компании"
+    to="/docs/community/team"
+    Icon={TeamOutlined}
+/>
+<Row 
+    title="Контрибьютинг" 
+    description="Как начать, Воркфлоу, Помощь и содействие"
+    to="#"
+    Icon={SearchOutlined}
+    disabled
+/>
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/community/team.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/current/community/team.mdx
@@ -0,0 +1,18 @@
+---
+sidebar_class_name: sidebar-item--wip
+sidebar_position: 2
+---
+
+import WIP from '@site/src/shared/ui/wip/tmpl.mdx'
+
+# Команда
+
+<WIP ticket="192" />
+
+## Core-team
+
+### Чемпионы
+
+## Контрибьюторы
+
+## Компании
diff --git a/website/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx b/website/i18n/ru/docusaurus-plugin-content-docs/current/intro.mdx
@@ -123,7 +123,14 @@ import Link from "@docusaurus/Link";
     description="Философия методологии, ее цели и место в современном фронтенде"
     to="/docs/about"
     Icon={"🍰"}
-    tags={['Миссия','Команда']}
+    tags={['Миссия','Продвижение & Интеграция']}
+/>
+<Row 
+    title="Community" 
+    description="Комьюнити-ресурсы и дополнительные материалы"
+    to="/docs/community"
+    Icon={"💫"}
+    tags={['Awesome','Команда', 'Контрибьютинг']}
 />
 <Row 
     title="Примеры" 

diff --git a/website/i18n/ru/docusaurus-theme-classic/navbar.json b/website/i18n/ru/docusaurus-theme-classic/navbar.json
@@ -35,6 +35,10 @@
     "message": "🍰 О методологии",
     "description": "Navbar item with label About"
   },
+  "item.label.💫 Community": {
+    "message": "💫 Сообщество",
+    "description": "Navbar item with label Community"
+  },
   "item.label.❔ Help": {
     "message": "❔ Помощь",
     "description": "Navbar item with label Help"

diff --git a/website/routes.config.js b/website/routes.config.js
@@ -31,6 +31,10 @@ const SECTIONS = {
         shortPath: "/docs/about",
         fullPath: "/docs/about",
     },
+    COMMUNITY: {
+        shortPath: "/docs/community",
+        fullPath: "/docs/community",
+    },
     EXAMPLES: {
         shortPath: "/examples",
         fullPath: "/examples",

diff --git a/website/sidebars.js b/website/sidebars.js
@@ -18,6 +18,10 @@ module.exports = {
     guidesSidebar: [{ type: "autogenerated", dirName: "guides" }],
     referenceSidebar: [{ type: "autogenerated", dirName: "reference" }],
     aboutSidebar: [{ type: "autogenerated", dirName: "about" }],
+    communitySidebar: [
+        { type: "autogenerated", dirName: "community" },
+        { type: "link", href: "/examples", label: "Examples" },
+    ],
 
     // But you can create a sidebar manually
     /*

diff --git a/website/src/shared/ui/row/index.jsx b/website/src/shared/ui/row/index.jsx
@@ -10,7 +10,7 @@ import styles from "./styles.module.css";
  * @see https://docusaurus.io/docs/next/markdown-features/react#importing-markdown
  */
 export const Row = (props) => {
-    const { title, description, to, Icon, tags, className } = props;
+    const { title, description, to, Icon, tags, className, disabled } = props;
     const handleClick = useCallback(() => {
         ga.sendEvent({
             category: ga.CATEGORIES.full,
@@ -20,7 +20,11 @@ export const Row = (props) => {
     }, [to]);
 
     return (
-        <Link className={clsx(styles.root, className)} to={to} onClick={handleClick}>
+        <Link
+            className={clsx(styles.root, className, disabled && styles.rootDisabled)}
+            to={to}
+            onClick={handleClick}
+        >
             <RowIcon Icon={Icon} />
             <div className={styles.details}>
                 <div className={styles.detailsMain}>

diff --git a/website/src/shared/ui/row/styles.module.css b/website/src/shared/ui/row/styles.module.css
@@ -12,6 +12,11 @@
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
 }
 
+.rootDisabled {
+    pointer-events: none;
+    opacity: 0.5;
+}
+
 .root + .root {
     margin-top: 10px;
 }