Какой color theme?

winter is coming

не надо хейтить асинки

Не надо передергивать. Я всего лишь сказал, что они чересчур хайповые.

const someCall = ([a, b]) => some(a, b) const first = bar(id) const second = first.then(baz) const third = Promise .all([first, second]) .then(someCall) return third.then(_ => _.make())

Не надо передергивать. Я всего лишь сказал, что они чересчур хайповые.

они удобные

они удобные

Не *всегда*

Не *всегда*

молоток всегда удобен?

Если речь идет о гвоздях, то в большинстве случаев.

switch/case обычно полиморфизмом заменен.

А можно для отстающей аудитории как я подробнее описать?

Если речь идет о гвоздях, то в большинстве случаев.

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

const lookup = { caseA: ..., caseB: ..., ... }

const someCall = ([a, b]) => some(a, b) const first = bar(id) const second = first.then(baz) const third = Promise .all([first, second]) .then(someCall) return third.then(_ => _.make())

чет я не догнал ощущение, что ты кучу данных потерял

Если речь идет о гвоздях, то в большинстве случаев.

Только с незабитыми

const someCall = ([a, b]) => some(a, b) const first = bar(id) const second = first.then(baz) const third = Promise .all([first, second]) .then(someCall) return third.then(_ => _.make())

а не, догнал увидел

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

Хз, как по мне так все эти вложенные try-catch выглядят не особо приятно.

Ошибки можно ловить иначе и в ином месте

Ок, покажите мне действительно хороший пример кода на асинках сложнее, чем цепочка промисов.

Это не вызов, мне правда интересно.

Ок, покажите мне действительно хороший пример кода на асинках сложнее, чем цепочка промисов.

Выше код скинул

там нет про ошибки

const someCall = ([a, b]) => some(a, b) const first = bar(id) const second = first.then(baz) const third = Promise .all([first, second]) .then(someCall) return third.then(_ => _.make())

там нет про ошибки

Но есть про асинки

Подскажите пожалуйста как использовать history.push в action (redux)?

Подскажите пожалуйста как использовать history.push в action (redux)?

никак

Не напрямую

А поподробнее?)

return <Redirect to='/' />

А поподробнее?)

Возьми react-router-redux

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

return <Redirect to='/' />

❤️ ❤️ ❤️

return <Redirect to='/' />

Это не подходит

Это не подходит

тогда страдай

react-router-redux?

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

Массив элементов но не обязательно их?

Массив элементов но не обязательно их?

сильно сказано

до слез

Массив элементов но не обязательно их?

опустим необязательно, массив ДОМов

Про react-router-redux думала. Там потом из компонентов можно будет использовать history.push как обычно?)

нет

опустим необязательно, массив ДОМов

Если мы говорим в контексте реакта, то сложно представить кейс когда это необходимо

А если свой history создать? Через createBrowserHistory?

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

Всем привет, посоветуйте ресурс для изучения с нуля, спасибо

izucheniesnulya.org

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

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

Lifting state up или ридакс

Как набрать 1.2к звезд за два дня https://github.com/martenbjork/github-xp

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

Как набрать 1.2к звезд за два дня https://github.com/martenbjork/github-xp

За 357 LOC css)

Loadable нормальный способ для реакта для сплиттинга?

Loadable нормальный способ для реакта для сплиттинга?

Да

Loadable нормальный способ для реакта для сплиттинга?

Loadable-components

Loadable нормальный способ для реакта для сплиттинга?

Какой именно?

react-loadable - нет

react-loadable - нет

Что с ним не так?

Что с ним не так?

Автор и мейнтейнер

Один и тот же человек

Loadable-components

Спасибо

Автор и мейнтейнер

react-loadable в оф доке реакта ?

react-loadable - нет

Почему нет?

react-loadable в оф доке реакта ?

так кайло в фейсбуке работал

Почему нет?

@itsjohncena не подкинешь статью? нагуглить не могу

https://twitter.com/jamiebuilds/status/986699602362429440?s=20 Клевый каминг аут. Признавайтесь кто все еще использует его проекты?

this

@rick_the_rocket

https://jamie.build/dear-javascript.html вот еще

ERROR: S client not available

Почему не использовать react-loadable https://twitter.com/jamiebuilds/status/986699602362429440?s=20 https://jamie.build/dear-javascript.html ОСТАВЛЮ ТАК ЧТО БЫ НЕ ЗАБЫТЬ

А всё из-за пхперов, вон что наделали.

Как сделать так, чтобы вендорские жс были в отдельном файле? В какую сторону искать?

Как сделать так, чтобы вендорские жс были в отдельном файле? В какую сторону искать?

webpack chunks

Как сделать так, чтобы вендорские жс были в отдельном файле? В какую сторону искать?

Ну и, как более высокоуровневый инструмент, динамические импорты - import('./path')

Ну и, как более высокоуровневый инструмент, динамические импорты - import('./path')

Спасибо)

Как сделать так, чтобы вендорские жс были в отдельном файле? В какую сторону искать?

autodll plugin

https://jamie.build/dear-javascript.html вот еще

По-моему он уже не первый раз так бомбит

Это старая ссылка

autodll plugin

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints: main (410 KiB) Буду копаться, да, ещё раз спасибо за наводочки

Может кто объяснить разницу между объявлением метода класса в реакте вот так functionName = () => {} и обычным объявлением типа functionName() ?

https://youtu.be/Q96VSAsxEtU

Может кто объяснить разницу между объявлением метода класса в реакте вот так functionName = () => {} и обычным объявлением типа functionName() ?

Контекст

Контекст

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

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

нельзя

Может кто объяснить разницу между объявлением метода класса в реакте вот так functionName = () => {} и обычным объявлением типа functionName() ?

this в arrow function принадлежит внешнему скопу

нельзя

но почему у меня тогда работает ?:(

нельзя

обращаюсь к this.state, разницы ведь нет?

babel-transform-class-properties ?

нет, ничего такого с бабелем не ставил

ну в смысле такого плагина не стоит

обращаюсь к this.state, разницы ведь нет?

Разница есть. Скопируй в бабель, посмотри, что выводится в обоих случаях

нет, ничего такого с бабелем не ставил

Без плагина биндить надо, иначе не должно работать

babel repl

Без плагина биндить надо, иначе не должно работать

так я поэтому и удивился

Без плагина биндить надо, иначе не должно работать

??

Без плагина биндить надо, иначе не должно работать

{ "presets": ["react", "es2015", "stage-0"], "plugins": ["transform-decorators-legacy", "emotion"] }

{ "presets": ["react", "es2015", "stage-0"], "plugins": ["transform-decorators-legacy", "emotion"] }

stage-0 его даёт

stage-0 его даёт

теперь понял, спасибо

stage-0 его даёт

стейдж 0 в babel-core < 7 ? Там есть реализация эта?

Так, ща доберусь до компа, напишу пример