не под каждый

ну хорошо, не под каждый компонент. а под каждый WithStyles<{}>(%MyComponentName%)

а вообще JSS можно научить собирать стили в .css файлы?

Попробовал emotion - тема

а вообще JSS можно научить собирать стили в .css файлы?

а зачем это делать, если есть webpack ?) или есть какие то минусы использования webpack?

а вообще JSS можно научить собирать стили в .css файлы?

Как же не хватает статьи про то что css in js - это не просто способ писать css, а другой архитектурный подход

А то пытаются кошку с зайцем скрестить

Попробовал emotion - тема

SC функциональнее, у эмоушена профита нет

На Humble Bundle продаются книги по функциональному программированию от O'Reilly https://www.humblebundle.com/books/functional-programming-books

а зачем это делать, если есть webpack ?) или есть какие то минусы использования webpack?

у меня create-react-app проект, не хочется eject делать ..

А то пытаются кошку с зайцем скрестить

я бывший C++-разработчик, я люблю множественное наследование ?

В JS с этим не очень, ты, хоть, на TS?

Как же не хватает статьи про то что css in js - это не просто способ писать css, а другой архитектурный подход

да я бы и не юзал этот JSS, просто мне material-ui-next настаивает на этом

у меня create-react-app проект, не хочется eject делать ..

Как эти вещи вообще связаны? Какая у тебя конечная цель, в чем у тебя проблема, которую ты как-то не понятно хочешь решить?

В JS с этим не очень, ты, хоть, на TS?

да, create-react-app-ts вроде так называется

хочу для прод. сборки вынести JSS-стили в .css бандл

"хочу". А зачем?

хотя в принципе это не критично, какая разница для клиента что ему кешировать? что js что css одинаково кешируется

во-во

т.е. это не зашквар кучу тегов style в head закидывать?)

Если ты прям так сильно хочешь заморочится на оптимизациях размера, иди в сторону lazy loading, сейчас инструменты очень дружелюбные для этого.

т.е. это не зашквар кучу тегов style в head закидывать?)

Видимо, нет. В SC довольно умные люди сидят, судя по тому что получается у них

@loktionov129 читкани вот это, например https://github.com/cssinjs/istf-spec

Если "по хардкору"

Хорошо, спасибо )

Static version of render method. It would take lots of effort to migrate, mostly because of class instance methods used as event handlers. The migration effort may not be worth it if we eventually introduce a new component API that replaces classes.

new component API that replaces classes?

из ризона наверно

хм, типа const A = (props) => { initState: ..., didMount: (...) => ..., methodA: self => ..., render: ({ state, methodA }) => <..../>, }

t.me/joinchat/Be4rsT3Uyr1TjmSlrRc77g

ок, давайте покормим троля function conv(a) { return { valueOf: () => a, str: () => ${a} kg } }

.

ок, давайте покормим троля function conv(a) { return { valueOf: () => a, str: () => ${a} kg } }

Вернет объект же?

+conv(1), conv(1)+””, и вообще любая операция в число превратит

toString/valueOf -> magic methods

Коллеги, подскажите туториалы и примеры проектов по реакт и сопутствующим технологиям(редакс, роутинг) Какие туториалы понравились лично вам?

https://reactjs.org/tutorial/tutorial.html

https://reactjs.org/tutorial/tutorial.html

этот я знаю, я думал может ещё что посоветуют

На egghead смотри

На egghead смотри

?

В каких случаях стоит разбивать приложение на чанки?

В каких случаях стоит разбивать приложение на чанки?

Когда в приложении есть несколько страниц

Ну в первую очередь следует разбить вендорский код - внешние либы и код приложения

будет ли разумно каждый роут(включая его вложенные роуты) выносить в отдельный чанк ?

или вложенные тоже стоит делать отдельными чанками ??

Посмотри на динамические импорты

Подрубай http2 и радуйся жизни

динамические(асинхронные) импорты уже видел да и пробовал даже, но в проект пока не тянул

Ну это проще и гибче чанков

Это зависит от того есть ли утебя проблема со скоростью загрузки бандла. Если он у тебя и так не большой то смысла нет

Только вот это еще глянуть желательно сначало https://youtu.be/JZ_frg23QX0?list=LLAKtelC0m6GfyYcLVcujTvg

при сборке create-react-app приложения конструкции import(...).then() будут делать чанки по дефолту ж вроде, не?

доступа к entry webpack-config'а нет, к сожалению, а может и к счастью :)

доступа к entry webpack-config'а нет, к сожалению, а может и к счастью :)

https://github.com/timarney/react-app-rewired

доступа к entry webpack-config'а нет, к сожалению, а может и к счастью :)

Вот тебе реальный пример https://github.com/artalar/cra-boilerplate/blob/master/config-overrides.js

опачки, спасиб )

Стоит ли юзать SystemJS с React, вместо RequireJS?

Стоит ли юзать SystemJS с React, вместо RequireJS?

Стоит использовать вебпак

Или вообще parcel

Стоит использовать вебпак

Ну окей, спасибо

Или вообще parcel

В чем профит? Какой то нонейм автор

?

В чем профит? Какой то нонейм автор

Быстрее, выше, сильнее. Ну и zeroconfig

17к звезд, ноненй автор

юзайте CRA, емае )

А вообще речь о prepact, а не о preact, наверное

А вообще речь о prepact, а не о preact, наверное

Может о rollup?

офк

А вообще речь о prepact, а не о preact, наверное

Parcel, о нем речь. Я перепутал

Понапридумывают заумных названий, а нам запоминать

Parcel, о нем речь. Я перепутал

Спасибо, а это уже интересно

Parcel, о нем речь. Я перепутал

точно