Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DISCOVERY-348: Add Community section (basely init) #354

Merged
merged 13 commits into from
Nov 9, 2021
Merged
Show file tree
Hide file tree
Changes from 12 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions website/docusaurus.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,11 @@ const navbar = {
to: SECTIONS.ABOUT.shortPath,
activeBasePath: SECTIONS.ABOUT.shortPath,
},
{
label: "💫 Community",
to: SECTIONS.COMMUNITY.shortPath,
activeBasePath: SECTIONS.COMMUNITY.shortPath,
},
Comment on lines +60 to +64
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Добавляем в навбар

],
},
{
Expand Down
Original file line number Diff line number Diff line change
@@ -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)

Comment on lines +1 to +18
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

#353

## 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)
Original file line number Diff line number Diff line change
@@ -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
Comment on lines +35 to +39
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Дизейблед, т.к. пока еще не сделана страничка

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Также "ругается", если передаешь урл, которого нет в роутах

Поэтому пока решетка пусть будет

image

/>
Comment on lines +1 to +40
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Обычная овервью страничка с указанием основных статей

Original file line number Diff line number Diff line change
@@ -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
Comment on lines +12 to +18
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Перенес к комьюнити, наметил базово структуру

Так скоро и статью добью)

#349

Original file line number Diff line number Diff line change
Expand Up @@ -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']}
Comment on lines +126 to +133
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Отсылаемся на раздел комьюнити из интро

/>
<Row
title="Examples"
Expand Down
Original file line number Diff line number Diff line change
@@ -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)
Comment on lines +5 to +15
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ну и тож самое для русской версии 1-1

- [FeatureSliced Twitter](https://twitter.com/feature_sliced)
- [FeatureSliced YouTube](https://www.youtube.com/channel/UCkng_PHLatpDKPOIKfI731A)

## Примеры

See the [examples](https://feature-sliced.design/examples)
azinit marked this conversation as resolved.
Show resolved Hide resolved

## 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)
Original file line number Diff line number Diff line change
@@ -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
/>
Original file line number Diff line number Diff line change
@@ -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

### Чемпионы

## Контрибьюторы

## Компании
Original file line number Diff line number Diff line change
Expand Up @@ -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="Примеры"
Expand Down
4 changes: 4 additions & 0 deletions website/i18n/ru/docusaurus-theme-classic/navbar.json
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,10 @@
"message": "🍰 О методологии",
"description": "Navbar item with label About"
},
"item.label.💫 Community": {
"message": "💫 Сообщество",
"description": "Navbar item with label Community"
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

А где эти дескрипшины отображаются, их точно не надо локализовывать?(я в доказаурусе не силен)

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Они чисто для перевода нужны, да)

Чисто по спеке i18n, чтобы переводить словари было проще для разных локалей

https://docusaurus.io/docs/2.0.0-beta.8/i18n/introduction#json-files
image

},
Comment on lines +38 to +41
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Локализация навбара

"item.label.❔ Help": {
"message": "❔ Помощь",
"description": "Navbar item with label Help"
Expand Down
4 changes: 4 additions & 0 deletions website/routes.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,10 @@ const SECTIONS = {
shortPath: "/docs/about",
fullPath: "/docs/about",
},
COMMUNITY: {
shortPath: "/docs/community",
fullPath: "/docs/community",
},
EXAMPLES: {
shortPath: "/examples",
fullPath: "/examples",
Expand Down
4 changes: 4 additions & 0 deletions website/sidebars.js
Original file line number Diff line number Diff line change
Expand Up @@ -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" },
],
Comment on lines +21 to +24
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Это для сайдбара конфиг + чтобы examples были доступны отдельной ссылкой, как у докузауруса
https://docusaurus.io/community/team

image


// But you can create a sidebar manually
/*
Expand Down
8 changes: 6 additions & 2 deletions website/src/shared/ui/row/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand All @@ -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}
>
Comment on lines +23 to +27
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Собсна yet-one-upgrade наших NavRow

<RowIcon Icon={Icon} />
<div className={styles.details}>
<div className={styles.detailsMain}>
Expand Down
5 changes: 5 additions & 0 deletions website/src/shared/ui/row/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down