невозможно все положить в папку

те же переводы

почему нет?

если они конечно не в бд

не, переводы интерфейса

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

ну а если у меня стили имеют ту же файловую структуру, но в своей уютной папке less/scss ?

Можно то можно, но зачем?)

УП - удобство и привычка гг

pages это уровень перед containers?

Да, это то, что вызывается роутером

У меня в проекте, даже если нет стилей, компонент все равно в своей папке, на будущее так сказать, в webpacke enterPoint настроена, так что легко обращаться к файлам, аля import Component from "components/Component/"

ну а если у меня стили имеют ту же файловую структуру, но в своей уютной папке less/scss ?

Такая структура была в одном из проектов, были папки translations/, blocks/ (components), /styles, public/ (images), так постоянно забывали удалять либо переводы либо картинки либо стили

вообще из этого можно сделать один вывод - не хватает инструментов)

что для одного, что для другого подхода

а когда в проекте куча неиспользуемых файлов это влияет на время в CI

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

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

А кто-нибудь совмещает разделение на Containers, Components, Pages с nested structure?

у нас подход со сценами, каждая сцена может иметь компоненты, контейнеры, а также вложенные сцены с такой же структурой

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

та "ты" тоже забудешь))

кстати, если компонент очень сложный то он может состоять из нескольких простых, куда их ложить?) а тесты куда?

src/ components/ MyComponent/ package.json MyComponent.js MyComponent.test.js MyComponent.css MyComponent.rtl.css MyComponent.i18n.json PartN.js ... Все эти файлы могут быть а могут не быть, но чтобы каждый раз не тратить время на "а создать ли папку в этот раз", просто создаем её всегда

src/ components/ MyComponent/ package.json MyComponent.js MyComponent.test.js MyComponent.css MyComponent.rtl.css MyComponent.i18n.json PartN.js ... Все эти файлы могут быть а могут не быть, но чтобы каждый раз не тратить время на "а создать ли папку в этот раз", просто создаем её всегда

а что в package.json ?

{ "name": "Menu", "version": "0.0.0", "private": true, "main": "./Menu" }

https://github.com/kriasoft/react-starter-kit/blob/master/src/components/App/package.json

https://github.com/kriasoft/react-starter-kit/blob/master/src/components/App/package.json

Что дает это? можно вынести в отдельные модули?

позволяет писать import 'component/MyComponent' вместо 'component/MyComponent/MyComponent.js'

https://github.com/kriasoft/react-starter-kit/issues/76

тут как раз ссылка прилетела https://blog.risingstack.com/node-hero-node-js-project-structure-tutorial/ “Rule 2 - Don't Put Logic in index.js Files Use these files only to export functionality”

*Visual Studio Code* Кто-нить уже разобрался как грамотно настроить проект с .NET Core на бэкенде и Babel/Webpack на фронт-энде в Visual Studio Code?

У меня тут пока на стадии эксперимента https://github.com/koistya/aspnet-starter-kit ..кому интересно, можем созвониться, обменяться опытом.

Нет добрался до кора ещё, но с удовольствием посмотрю как будет изменяется репа :)

Хэй, подскажите, как оценить навыки человека в реакте, в плане понимания где и как использовать?

спроси, создает ли он директории под каждый компонент. если да - норм человек

??

???

:D

Шутка дня.

Так просто?)

В итоге будет компонент в папочке лежать, и перерендериваться при каждом чихе.

ну спроси часто ли он чихает. если нет, то не так важно

:D

Короче, хорошей пятницы всем ??

https://youtu.be/meNFuxcDhtc?t=20m18s Много со вчерашнего graphql

о, спасибо, будет что посмотреть и apollo организуют

вощем мне дали-таки французскую визу, могу сюда чо-нить транслировать с реактконф еу на след неделе

но лайтнинга вероятно не будет от меня уже

вощем мне дали-таки французскую визу, могу сюда чо-нить транслировать с реактконф еу на след неделе

Грац. Давай.

давай уже нормальный лайв дай)

давай уже нормальный лайв дай)

Можно перископ

Мы так в одс.ру делаем

да там трансляция и так может будет

я может на месте чего-нить интересное найду или увижу

Да некогда смотреть, ещё и трафик гонять

Highlights было бы ?

Всем привет

Вопрос по реакт-роутеру

У меня есть разные страницы с карточками, и при клике по карточке должна открываться модалка с подробной информацией о карточке

И у открытой модалки должен быть свой урл

к примеру, /card/123

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

Так вот, как правильно обработать этот случай с реакт-роутером? Если описывать урл модалки отдельным роутом, то для него потребуется отдельный компонент, а контекст (текущая страница) не сохранится

короче, была у нас страница /places открыта, ей соответствует компонент PlacesList. ткнули в карточку, урл меняется на /card/123, но PlacesList не делает unmount, а так же остаётся в DOM, просто открывается модалка с подробной информацией

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

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

ERROR: S client not available

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

Куда то сюда: import { browserHistory } from './react-router' browserHistory.push('/some/path')

Куда то сюда: import { browserHistory } from './react-router' browserHistory.push('/some/path')

реакт-роутер же всё равно будет смотреть на урл и проверять, какой компонент ему соответствует

А сделать дочерним урлом?

нет, такой вариант не катит

по сути инфа в модалке должна быть на отдельной странице

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

А на медузе не так сделано? (не помню просто)

урл имеет смысл что по нему можно просто зайти и оказаться в этом конкретном месте.

Если кто-то сделает рефреш при открытой модалке, где он окажется?

Логично, что модалка должна быть открытой

Если кто-то сделает рефреш при открытой модалке, где он окажется?

на главной с открытой модалкой

да, по-хорошему нужно сохранять контекст, но в текущих условиях это невозможно

Какая-то не логичная задача...

если /cards/111 существует отдельно от этой страницы, я бы сделал что нибудь /places?modal=cards-111. Иначе смысла в этом мало.

а есть вариант обойти эту привязку роутов к компонентам, которую делает реакт-роутер?

и вручную менять урл туда-обратно

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

а в нем разруливай что сейчас за роут да показывай нужный дочерний

у меня урл не привязан к родительскому

у страницы урл /places

у карточки — /card/123

нужно вручную поменять урл, чтобы реакт-роутер не трогал компоненты и не пытался смэтчить их роуту

так, а если в обход браузерхистори, просто через window.history.pushState сделать пушСтейт, вроде роутер не сработает же?

счас проверю

не срабатывает

крутяк

теперь нужно придумать, как это заставить работать вместе с ssr

спасибо за наводку)

так, а если в обход браузерхистори, просто через window.history.pushState сделать пушСтейт, вроде роутер не сработает же?

? Ага, и табличку пользователю - "Не нажмать кнопку назад!"

? Ага, и табличку пользователю - "Не нажмать кнопку назад!"

почему?

оу, а вот с кнопкой «вперёд» реакт-роутер сработает