@react_js

Страница 2925 из 5115
 
Пг
11.01.2018
23:27:28
тогда я тупо с доки копипастил

 
Саша
11.01.2018
23:27:43
Окей, к примеру есть заказ: сделать приложуху, есть столько то страничек. Все, окей, каждая страничка отдельный чанк У меня заказчик придумывает по 3,5 киллерфичи в день и по пол страницы в наносекунду. И основной критерий у него скорость работы. В три рыла ели успеваем верстать и связывать это все дерьмо с бэком.
ну херово, я в другой реальности немного

 
погоди

 
Пг
11.01.2018
23:28:13
Я вообще хз как быть, ибо все это говно нужно поддерживать

Google
 
Саша
11.01.2018
23:28:17
= "nameOfFile"

 
такое разве есть?

 
есть [request]

 
Пг
11.01.2018
23:28:47
Я не совсем понял о чем ты

 
Саша
11.01.2018
23:28:48
аа все

 
Пг
11.01.2018
23:28:54
я там просто рандомную константу дал

 
Саша
11.01.2018
23:29:56
пихал я его в import(/* webpackChankName = "nameOfFile" */ "nameOfFile")
и там двоеточие вместо равно

 
может поможет

 
Пг
11.01.2018
23:30:09
Да не суть) Говорю же, с доки тогда копипастил

 
это сейчас я так криво

 
Вообще, реально ли ориентироваться в проекте где 360+ файлов с различного рода сорцами (.js, .jsx, .scss), если каждый по факту поддерживает все и сразу?

 
Дмитрий
11.01.2018
23:32:58
Разные сорцы не нужны

 
Пг
11.01.2018
23:34:19
А зачем делать себе костыль в виде css-ки в js?

Google
 
Саша
11.01.2018
23:34:57
А зачем делать себе костыль в виде css-ки в js?
могу то же самое сказать про компиляцию саса)

 
Вообще, реально ли ориентироваться в проекте где 360+ файлов с различного рода сорцами (.js, .jsx, .scss), если каждый по факту поддерживает все и сразу?
360 это еще умеренно кстати

 
Дмитрий
11.01.2018
23:35:08
Какой такой css? Смутно припоминаю, это такой древний шаблонизатор времен когда люди не знали как делать компоненты?)

 
Стиль — это просто объект

 
В вашем случае — просто недоступный объект в файле с кривым расширением

 
Такие дела

 
Пг
11.01.2018
23:39:49
Окей, архитектура стилей? Порядочные люди отделяют "темы" от layout-ов, о давайте использовать const style = {...layout, ...theme} каждый раз) Окей, media запросы? Ну наверное парочка ифов, не беда Окей, сложные многоразово используемые селекторы? Зачем если можно писать логику вручную

 
Боже, зачем столько проблем себе создавать?

 
Саша
11.01.2018
23:41:13
Окей, архитектура стилей? Порядочные люди отделяют "темы" от layout-ов, о давайте использовать const style = {...layout, ...theme} каждый раз) Окей, media запросы? Ну наверное парочка ифов, не беда Окей, сложные многоразово используемые селекторы? Зачем если можно писать логику вручную
темы же работают во многих цсс ин жс библиотеках через контекст реакта, медиа квери работают

 
многоразово используемые селекторы == функции

 
Пг
11.01.2018
23:41:38
медиа работают только с либой подключенной

 
иначе надо юзать ифы

 
div:nth-of-child(3n + 1) Итого на каждый div пихать проверку его key (если он конечно есть и если он числовой)

 
Уже не говоря про hover

 
это вообще весело)

 
onHover функцию лепить на каждую допустим ссылку на сайте

 
И казалось бы, можно сделать компонент который это упростит

 
но не тут то было, ибо в том же react-router Link создает обычный a

 
Denis
11.01.2018
23:47:17
{ '&:hover':{}, 'div:nth-of-child(3n + 1)':{}, }

 
Пг
11.01.2018
23:47:24
Да и такими удобными штуками как activeClassName у NavLink не попульзуешься, нужно делать Route вручную и проверять сматчился ли он

Google
 
Пг
11.01.2018
23:47:45
{ '&:hover':{}, 'div:nth-of-child(3n + 1)':{}, }
так вроде бы либу нужно подключить дополнительную для этого)

 
Уже не говоря о том, что имена классов никак не сожмешь в JS-ке)

 
А псевдоклассы по типу ::placeholder опять же сложно)

 
Если вообще возможно

 
Вот если вдруг, введут в стандарт (чего конечно не будет) CSS IN JS, я первым же побегу это использовать, но пока этого нет я буду использовать SCSS

 
Саша
11.01.2018
23:55:53
так вроде бы либу нужно подключить дополнительную для этого)
ну да, берешь одну из десятка

 
имоушн, стайлд

 
и пишешь в строчке , даже а не в объекте

 
удобненько

 
Уже не говоря о том, что имена классов никак не сожмешь в JS-ке)
ну а зачем

 
я думал, такое в лендосах делают только

 
библиотека генерит класснеймы

 
Саша
11.01.2018
23:58:38
Если вообще возможно
все возможно

 
Пг
11.01.2018
23:59:28
https://jamesallardice.github.io/Placeholders.js/ Либой?)

 
73 КБ в итоге чтобы использовать стили, уже не говоря о том, что неизвестно как сами стили раздует в итоге

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

 
Саша
12.01.2018
00:05:46
https://jamesallardice.github.io/Placeholders.js/ Либой?)
? не понял при чем тут полифил плейсхолдера

 
Пг
12.01.2018
00:06:04
::placeholder как из js стилизировать?

 
Саша
12.01.2018
00:06:07
73 КБ в итоге чтобы использовать стили, уже не говоря о том, что неизвестно как сами стили раздует в итоге
я хз сколько он весит, я не стайлю, но рад что в новом проекте у нас не бем

 
::placeholder как из js стилизировать?
ща

Google
 
Пг
12.01.2018
00:06:20
так бэм параша

 
Саша
12.01.2018
00:06:21
ты не поверишь

 
Пг
12.01.2018
00:06:31
smacss рулит

 
Саша
12.01.2018
00:06:47


 
Пг
12.01.2018
00:07:11
окей, значит какой-то там костыль для этого есть

 
не суть

 
<style> ::placeholder {} </style> Скорее всего такой

 
Саша
12.01.2018
00:08:50
ну да

 
только .class { ...

 
Пг
12.01.2018
00:09:25
В общем, у меня сейчас проект весит метр, если не gzip-нуть)

Admin
ERROR: S client not available

 
Пг
12.01.2018
00:09:45
И это без локалей и склонения имен, которые сейчас потребовал заказчик)

 
А эта радость так вообще будет еще 400+кб прибавлять)

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

 
Или ты мне все таки расскажешь сколько пингвинов в африке это спасет?)

 
Саша
12.01.2018
00:14:00
Или ты мне все таки расскажешь сколько пингвинов в африке это спасет?)
я не стайлю вообще, и там не +400кб точно

 
мне просто нравится сама идея цсс в жс ))

 
удобнее искать классы, как мне кажется

 
В вашем случае — просто недоступный объект в файле с кривым расширением
вот тут правильно сказано было

 
Пг
12.01.2018
00:17:54
одна только либа для склонения имен 14кб на русском, еще такую же прибавь на украинском и сколько там еще языков с склонением имен? react-intl 44 кб А теперь добавь туда еще сами локали в json-е)

Google
 
Andrew
12.01.2018
00:18:27
CSS-in-JS легче поддерживать. Тчк. Проще писать. И все недостатки типа activeClassName решаются если знать как готовить онык. Чище, проще, гибче и так далее.

 
Ну и иделаьно для компонентов.

 
Пг
12.01.2018
00:19:38
Не, ну я буду дураком, если скажу, что то что стили подгружаются не для всего сайта сразу, а с чанками это плохо

 
Но в остальном я профитов не вижу

 
Ибо я описал накладные сложности в этом

 
1. Либа 2. Архитектура 3. Наследование стилей

 
Andrew
12.01.2018
00:20:58
Вагон. Накладных сложностей нету. Только этот нюанс с activeClassName который решается либо css in JS самим, либо о боже css файл 1 ничего не сломает.

 
Наследование стилей в сотню раз легче. Архитектура тоже легче. Всё в импортах очевидно. Что от кого откуда куда.

 
classNames так же говорят за себя в devTools если так хочется проследить и так далее.

 
Поддержка тем и динамических полей так вообще

 
Пг
12.01.2018
00:23:44
75кб к сборке это не накладная сложность? Что может быть легче include %name ? По поводу архитектуры я говорю про то, что темы, состояния и скелет принято писать отдельно, а после это совмещать, но в случае с JS не совсем понятно какую попоболь это принесет

 
Andrew
12.01.2018
00:24:39
Вагон. Накладных сложностей нету. Только этот нюанс с activeClassName который решается либо css in JS самим, либо о боже css файл 1 ничего не сломает.
Насчёт activeClassName я функцию написал называется with-styled-class-names

 
75кб после джизиппа со всеми либами будет едва ли 17кб веса от всего бандла

 
Пг
12.01.2018
00:27:17
Очень в этом сомневаюсь)

 
Andrew
12.01.2018
00:29:53
Апка размером 300кб гзиппед - норма. Куда меньшая проблема чем из-за этих 0.5 секунды парсинга и 0.2 рантайма на первом рендере дрочить класс неймы и прочее днище руками, либо даже с css modules, что как бы тоже требует рантайма.

 
Пг
12.01.2018
00:30:53
Ты просто упускаешь одну тонкую нить

 
Andrew
12.01.2018
00:30:56
И ломать себе голову в куче моментов и лишатся вагона ништяков. Да и все становится все быстрее и быстрее

 
Пг
12.01.2018
00:31:00
а именно postcss

 
Andrew
12.01.2018
00:31:04
И что?

 
Говно

 
Пг
12.01.2018
00:31:24
реструктуризация таблиц и прочие оптимизации)

 
Andrew
12.01.2018
00:31:37
Css in JS может все тоже самое.

 
Пг
12.01.2018
00:31:42
пруф)

Страница 2925 из 5115