
Алексей
14.02.2017
10:09:26

Dream
14.02.2017
10:09:26

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:09:31

Алексей
14.02.2017
10:09:33
правила от этого не поменяются

Google

Алексей
14.02.2017
10:09:49
мож я слепой)

Dream
14.02.2017
10:10:28

Алексей
14.02.2017
10:11:01

Mike
14.02.2017
10:12:04

Dream
14.02.2017
10:12:10

Mike
14.02.2017
10:12:25

Алексей
14.02.2017
10:12:28
а, уже на личности скатились

Dream
14.02.2017
10:12:39
чуть выше

Mike
14.02.2017
10:12:45
не на личности, ты реально это по-кругу повторяешь
не хочу учить другое, есть js, js ftw
и игнорируешь все, что тебе говорят

Алексей
14.02.2017
10:13:53
а вы чем лучше? вот я не спорю, молодец, привел аргумент про @keyframes. почему бы было сразу с этого не начать?)

Google

Mike
14.02.2017
10:14:39
потому что аргумент про постпроцессоры мне кажется важнее, потому что их возможности огромны. вложенные классы, миксины и т.п.
всего этого js не умеет

Sergey
14.02.2017
10:15:15
зачем нужны вложенный классы?)

Алексей
14.02.2017
10:15:36
как это не умеет) не, я не спорю, макросов в js нет, что очень жаль

Mike
14.02.2017
10:15:39
ну в смысле .class { &-container { } }
а именно
. class { &:hover {} }
вот это вообще киллер фича

Dream
14.02.2017
10:16:21
++
И &:before

Sergey
14.02.2017
10:17:04
http://take.ms/sMLFz

Renat
14.02.2017
10:18:06
http://largescalejs.ru/

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:18:10
как раз таки языков для css куча, а js один и скорее всего разраб будет его знать
1) Есть такая вещь, как разделение труда. И согласно этой штуке, мир вертится не только вокруг js-дрочеров. Есть ещё такие профессии в IT, как верстальщик, который не обязан вникать в премудрости JS'а (хоть и желательно чтобы знал)
2) Есть такое понятие, как "передача проекта другой команде". Так вот, другая команда не обязана вникать в вещи, которые не закреплены ни одной спецификацией.
3) Огромные возможности пре/пост процессоров, которые, к примеру, позволяют наследовать стили и объявлять их только в одном месте, а не копипастить их из компонента в компонент.
Ну и последнее, изучение других языков (программирования/разметки/стилей) помогает развивать фантазию и мозги, заставляя искать пути оптимизации и улучшения своего рабочего процесса. Что сказывается на личном росте как специалиста.

Mike
14.02.2017
10:18:16
мы не про jss/styled componets сейчас

Alexander
14.02.2017
10:18:20
А потом ты grep´ом начинаешь искать класс в этих ваших киллер-фичах

Mike
14.02.2017
10:18:53
а я как-то отошел от консоледрочерства, IDE прокликивает на ура в таком классы

Sergey
14.02.2017
10:19:41

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:19:52
Ну, а так-то, конечно, дело твоё. Но я бы отказался от саппорта твоего кода. Мне не очень хочется разбираться в компонентах на 10к строк

Sergey
14.02.2017
10:20:17
ребята
вспомните

Google

Sergey
14.02.2017
10:20:31
когда-то люди ругались на препроцессоры


Alexander
14.02.2017
10:20:41
1) Есть такая вещь, как разделение труда. И согласно этой штуке, мир вертится не только вокруг js-дрочеров. Есть ещё такие профессии в IT, как верстальщик, который не обязан вникать в премудрости JS'а (хоть и желательно чтобы знал)
2) Есть такое понятие, как "передача проекта другой команде". Так вот, другая команда не обязана вникать в вещи, которые не закреплены ни одной спецификацией.
3) Огромные возможности пре/пост процессоров, которые, к примеру, позволяют наследовать стили и объявлять их только в одном месте, а не копипастить их из компонента в компонент.
Ну и последнее, изучение других языков (программирования/разметки/стилей) помогает развивать фантазию и мозги, заставляя искать пути оптимизации и улучшения своего рабочего процесса. Что сказывается на личном росте как специалиста.
2 пункт какой-то стремный. С таким подходом лучше ни во что вообще не вникать, а уступить место нормальным людям

Sergey
14.02.2017
10:20:43
и тоже не нравилось


Алексей
14.02.2017
10:21:30
1) Есть такая вещь, как разделение труда. И согласно этой штуке, мир вертится не только вокруг js-дрочеров. Есть ещё такие профессии в IT, как верстальщик, который не обязан вникать в премудрости JS'а (хоть и желательно чтобы знал)
2) Есть такое понятие, как "передача проекта другой команде". Так вот, другая команда не обязана вникать в вещи, которые не закреплены ни одной спецификацией.
3) Огромные возможности пре/пост процессоров, которые, к примеру, позволяют наследовать стили и объявлять их только в одном месте, а не копипастить их из компонента в компонент.
Ну и последнее, изучение других языков (программирования/разметки/стилей) помогает развивать фантазию и мозги, заставляя искать пути оптимизации и улучшения своего рабочего процесса. Что сказывается на личном росте как специалиста.
1) если в твоей компании нет вертальщиков, то этот пункт отметается.
2) я не говорю что нужно убрать декларативные правила css, я не понимаю зачем это делать в другом файле на другом языке. какая спецификация обязывает писать это в другом файле?
3) если стиль привязан к компоненту как ты его переиспользуешь. хотелось бы пример увидеть.
ну и последнее, ты меня не знаешь и не знаешь какие языки я знаю. так что надо указывать мне


Sergey
14.02.2017
10:22:48
очень плохие))
логика же вся в контейнерах

Алексей
14.02.2017
10:23:17
вон в RN нет никаких css файлов отдельных и че то никто не умирает

Сергей
14.02.2017
10:23:30

Sergey
14.02.2017
10:23:44
а стили лежат в стейтлесс компонентах
и все хорошо
вот тебе и разметочка и стили сразу

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:24:28

Sergey
14.02.2017
10:24:45
основные стили можно вынести в отдельный файлик
а стили для компонентов будут диначески подгружаться
по-мне вполне все удобно

Alexander
14.02.2017
10:25:50
Напоминает споры про jsx

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:25:57

Sergey
14.02.2017
10:25:57
ахаха
про jsx и правд

Google

Алексей
14.02.2017
10:26:27

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:27:14

Алексей
14.02.2017
10:27:44
@personafour вот например привязка) стили специфичные для данной вьюхи

Владимир
14.02.2017
10:27:47
Как понять когда основные стили стали динамическими или наоборот?
Когда они стали динамическими - тогда они стали динамическими, А когда они стали статическими - тогда они стали статическими
Что делать, если стало необходимо стили одного компонента расшарить другому?
Расшарить стили компонента другому компоненту
Все просто же

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:28:04
А т.к. ты всё равно пишешь CSS в JS, то CSS ты и так знаешь

Dream
14.02.2017
10:30:05

Алексей
14.02.2017
10:30:19
ты их где то переиспользуешь?

Dream
14.02.2017
10:32:06
https://gist.github.com/anonymous/4757aad66a8b08cc0ae43c1729835ee3

Алексей
14.02.2017
10:32:50
и?)

Admin
ERROR: S client not available

Dream
14.02.2017
10:33:50
composes ом подтягиваются иконки для каждого компонента, иногда из одного компонента в другой перекидываю так-же composes om стили

Алексей
14.02.2017
10:35:03
ну так именно эти классы же нигде больше не используются
значит стили специфичные для данного компонента

Mike
14.02.2017
10:35:50
ты спросил зачем выносить, тебе привели N аргументов, неужели еще остаются вопросы?
да, иногда можно не выносить, если эти аргументы не работают

Dream
14.02.2017
10:36:06
если сейчас не используются то где гарантия что в будущем не возникнет такая необходимость
будешь выносить в отдельный файл
не проще сделать сразу

Алексей
14.02.2017
10:38:24
ну кстати про препроцессоры вообще весомый аргумент, возьму на заметку ?но все равно остаются вопросы, получается мы просто выносим стили чтобы писать их на другом (возможно более удобном) языке. в приниципе все это можно и в js наворотить

Google

Iaroslav ¯\_(ツ)_/¯
14.02.2017
10:39:28

Dream
14.02.2017
10:39:52
победила дружба ура)


Artur
14.02.2017
11:06:26
не увидел в обсуждении несколько действительно важных аргументов за css не в js, по крайней мере для меня))
- отдельный бандл (ну или чанки) только со стилями. здорово тем, что можно отдельно что-то пофиксить/изменить только в стилях, и пользователю будет достаточно загрузить лишь новые стили, но не приложение (наоборот аналогично). и сюда же важный момент про критичные стили - их также можно вынести в отдельный бандл, чтобы грузить сразу, а остальные по возможности. вместе с SSR это даст серьезный буст для первичного отображения контента, например.
- оставляем браузеру возможность для статического анализа стилей и соответствующих оптимизаций
- css и js - все же разные технологии, обрабатываемые браузером по-разному. и чтобы писать эффективный css, нужно его все-таки знать, как и особенности его рендера, поэтому аргумент про знание лишь js кажется странным
- ну и раз уж мы выносим стили в отдельный файл (так ведь банально удобнее даже с jss, с точки зрения ответственности, читаемости и тд), то почему не написать этот файл собственно и на css? тем более, что препроцессоры действительно дают лучший синтаксис, проработанный в сообществе годами, удобство, тулинг и прочее


Konstantin
14.02.2017
11:07:40
Всем привет! Хотел бы узнать кто, как использует данный кейс.
При переходе на страницу с id продукта, если в стэйте нет товара, необходимо попробовать загрузить его с сервака.

Anton
14.02.2017
11:08:32


Brs
14.02.2017
11:09:16
не увидел в обсуждении несколько действительно важных аргументов за css не в js, по крайней мере для меня))
- отдельный бандл (ну или чанки) только со стилями. здорово тем, что можно отдельно что-то пофиксить/изменить только в стилях, и пользователю будет достаточно загрузить лишь новые стили, но не приложение (наоборот аналогично). и сюда же важный момент про критичные стили - их также можно вынести в отдельный бандл, чтобы грузить сразу, а остальные по возможности. вместе с SSR это даст серьезный буст для первичного отображения контента, например.
- оставляем браузеру возможность для статического анализа стилей и соответствующих оптимизаций
- css и js - все же разные технологии, обрабатываемые браузером по-разному. и чтобы писать эффективный css, нужно его все-таки знать, как и особенности его рендера, поэтому аргумент про знание лишь js кажется странным
- ну и раз уж мы выносим стили в отдельный файл (так ведь банально удобнее даже с jss, с точки зрения ответственности, читаемости и тд), то почему не написать этот файл собственно и на css? тем более, что препроцессоры действительно дают лучший синтаксис, проработанный в сообществе годами, удобство, тулинг и прочее
ты можешь для прода собирать отдельный css


Artur
14.02.2017
11:15:42


Владимир
14.02.2017
11:16:17
не увидел в обсуждении несколько действительно важных аргументов за css не в js, по крайней мере для меня))
- отдельный бандл (ну или чанки) только со стилями. здорово тем, что можно отдельно что-то пофиксить/изменить только в стилях, и пользователю будет достаточно загрузить лишь новые стили, но не приложение (наоборот аналогично). и сюда же важный момент про критичные стили - их также можно вынести в отдельный бандл, чтобы грузить сразу, а остальные по возможности. вместе с SSR это даст серьезный буст для первичного отображения контента, например.
- оставляем браузеру возможность для статического анализа стилей и соответствующих оптимизаций
- css и js - все же разные технологии, обрабатываемые браузером по-разному. и чтобы писать эффективный css, нужно его все-таки знать, как и особенности его рендера, поэтому аргумент про знание лишь js кажется странным
- ну и раз уж мы выносим стили в отдельный файл (так ведь банально удобнее даже с jss, с точки зрения ответственности, читаемости и тд), то почему не написать этот файл собственно и на css? тем более, что препроцессоры действительно дают лучший синтаксис, проработанный в сообществе годами, удобство, тулинг и прочее
и сюда же важный момент про критичные стили - их также можно вынести в отдельный бандл, чтобы грузить сразу, а остальные по возможности. вместе с SSR это даст серьезный буст для первичного отображения контента, например.
css in js позволяет более гибко использовать критичные стили, без лишних зависимостей которые будут в вашем случае, без парсинга хтмл и файлов с цсс.
- оставляем браузеру возможность для статического анализа стилей и соответствующих оптимизаций
Браузер делает все тоже самое и при стилях вставленных через жс!
- css и js - все же разные технологии....
Вода какая-то
-тем более, что препроцессоры действительно дают лучший синтаксис, проработанный в сообществе годами, удобство, тулинг и прочее
И время ребилда увеличивается с количеством ваших тулингов, чего нет при использовании другого подхода
Получается аргументов важных нет


Vladimir
14.02.2017
11:17:15
и сюда же важный момент про критичные стили - их также можно вынести в отдельный бандл, чтобы грузить сразу, а остальные по возможности. вместе с SSR это даст серьезный буст для первичного отображения контента, например.
css in js позволяет более гибко использовать критичные стили, без лишних зависимостей которые будут в вашем случае, без парсинга хтмл и файлов с цсс.
- оставляем браузеру возможность для статического анализа стилей и соответствующих оптимизаций
Браузер делает все тоже самое и при стилях вставленных через жс!
- css и js - все же разные технологии....
Вода какая-то
-тем более, что препроцессоры действительно дают лучший синтаксис, проработанный в сообществе годами, удобство, тулинг и прочее
И время ребилда увеличивается с количеством ваших тулингов, чего нет при использовании другого подхода
Получается аргументов важных нет
как боженька сказал, особенно про критикал цсс


Алексей
14.02.2017
11:18:28
а вот интересно про какие такие оптимизации идет речь? ?

Artur
14.02.2017
11:19:16
> Браузер делает все тоже самое и при стилях вставленных через жс!
но ведь ему все то же самое надо будет делать при каждом ре-рендере компонента. поправьте, если не прав

Vladimir
14.02.2017
11:19:40
не при каждом
в случае с жсс стайл теги вставляются при маунте и удаляются при анмаунте
это всё

Artur
14.02.2017
11:21:05

Владимир
14.02.2017
11:21:25

Artur
14.02.2017
11:21:31
я описал выше, зачем

Vladimir
14.02.2017
11:21:34
бандл у тебя просто один жс
проблема котороую решает критикал цсс
это блоат стилей

Artur
14.02.2017
11:21:54
там была не только проблема с критикал цсс

Vladimir
14.02.2017
11:22:01
в случае с цссинжс у тебя нет блоата стилей
проблемы нет