типизировать сможешь v-for?

Скоро смогу)

Нужно только чуть больше времени)

легче jsx использовать в вуе

Вполне возможно. Но мне больше шаблоны нравятся.

назови хоть один случай где нужен вью, кроме как "у нас такой стек"

так себе вопросик, про любую технологию так сказать можно

так

свалили с холиваром

быро

Ребята, есть какие-то тулзы для оптимизации скорости работы приложения? Там где можно посмотреть сколько времени и сколько раз происходит рендер определенного компонента, время выполнения редьюсеров и тд.

Ребята, есть какие-то тулзы для оптимизации скорости работы приложения? Там где можно посмотреть сколько времени и сколько раз происходит рендер определенного компонента, время выполнения редьюсеров и тд.

https://reactjs.org/docs/perf.html

у меня 16 реакт

Ребята, есть какие-то тулзы для оптимизации скорости работы приложения? Там где можно посмотреть сколько времени и сколько раз происходит рендер определенного компонента, время выполнения редьюсеров и тд.

perf + хром.

А ещё можешь использовать библиотеки с иммутабельными структурами данных, чтобы было и быстрее, и надёжнее.

Ребята, есть какие-то тулзы для оптимизации скорости работы приложения? Там где можно посмотреть сколько времени и сколько раз происходит рендер определенного компонента, время выполнения редьюсеров и тд.

https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-chrome-performance-tab

А ещё можешь использовать библиотеки с иммутабельными структурами данных, чтобы было и быстрее, и надёжнее.

да я уже пообещал себе на следующий проект взять immutable либо аналог

Такие неочевидные баги бывают если в редьюсере что-то мутировать

да я уже пообещал себе на следующий проект взять immutable либо аналог

Пока можешь начать с того, чтобы запретить мутирование на уровне ESLint

Пока можешь начать с того, чтобы запретить мутирование на уровне ESLint

хорошая идея

Спасибо всем, позже гляну

Пока можешь начать с того, чтобы запретить мутирование на уровне ESLint

В еслинт есть такие правила?

В еслинт есть такие правила?

https://github.com/jhusain/eslint-plugin-immutable и еще пару плагинов есть

Друзья, привет, я новичек, сейчас учу Реакт и паралельно пытаюсь делать небольшой проект. Столкнулся с вопросом, как реализовать удаление тасков по клику? http://dl4.joxi.net/drive/2018/02/13/0027/0888/1782648/48/7c28d48ede.jpg

Ничосе https://developer.mozilla.org/en-US/docs/Web/API/AbortController

В еслинт есть такие правила?

Есть плагины.

Они, конечно, не работают на 100%, потому что js, но хотя бы какие-то ошибки вылавливают.

https://github.com/jhusain/eslint-plugin-immutable и еще пару плагинов есть

Ещё бы Map стоковый забанить

Ещё бы Map стоковый забанить

Почему?

Ну, есть Map из immutable

Эм...

Почему?

мутабельный типо

Друзья, привет, я новичек, сейчас учу Реакт и паралельно пытаюсь делать небольшой проект. Столкнулся с вопросом, как реализовать удаление тасков по клику? http://dl4.joxi.net/drive/2018/02/13/0027/0888/1782648/48/7c28d48ede.jpg

с редаксом или чистый реакт?

А, про map как структуру данных...

Понял.

с редаксом или чистый реакт?

Я редакс ещё не учил. Я так понимаю, его намного проще поддерживать? Просто, параллельно тому, как учу - дописываю новые фичи в проект

Ещё бы Map стоковый забанить

Напиши свой плагин, это не сложно

Друзья, привет, я новичек, сейчас учу Реакт и паралельно пытаюсь делать небольшой проект. Столкнулся с вопросом, как реализовать удаление тасков по клику? http://dl4.joxi.net/drive/2018/02/13/0027/0888/1782648/48/7c28d48ede.jpg

посмотри пару из тыщи туториалов с таким кейсом

на ITVDN по реакту это один из первых туториалов

нет

inline-style в компоненте - это норм или плохая практика?

плохая

Ну в классы то выносить (то, что можно вынести) оно правильнее как минимум с точки зрения размера страницы

если стили под него только, почему нет?

styled-components, пацаны

в эмбере четко сказано, что инлайн - плохо а в туториалах реакта инлайн встречается то тут, то там. вот и возник вопрос

styled-components, пацаны

почти как scoped styles во vue

почти как scoped styles во vue

только лучше

чем?

чем scoped styles во вуе

?

аргумент

чем scoped styles во вуе

кэп?

на самом деле шо то, шо то дичайший антипаттерн

нет, стайледы как раз ок

по твоему гуд паттерн это б*м?

может я просто олдфаг из 2000-х, но это же чистейшее смешивание структуры и оформления

то, для чего, собственно, изобретали CSS, в конце 2010-х сломали 19-летние тим-лиды

не олдфаг, а некромант

цсс это инвалидный язык

изоляция скоупа необходима, чтобы не было таких костылей как бэм

изоляция - да вот такой пиздец - нет: const Heading = styled.h1` color: red; ` const sheet = new ServerStyleSheet() const jsx = sheet.collectStyles(<Heading>Hello SSR!</Heading>) const stream = sheet.interleaveWithNodeStream(renderToNodeStream(jsx))

смешались в кучу кони-люди

эм

в эмбере четко сказано, что инлайн - плохо а в туториалах реакта инлайн встречается то тут, то там. вот и возник вопрос

если тебе надо сделать анимацию, которая сдвигает твой объект в зависимости от положения мышки на экране — будет делать 100500 классов или инлайн?

может я просто олдфаг из 2000-х, но это же чистейшее смешивание структуры и оформления

разделение должно быть не по ролям (структура, оформление, логика) а по фичам-компонентам

изоляция - да вот такой пиздец - нет: const Heading = styled.h1` color: red; ` const sheet = new ServerStyleSheet() const jsx = sheet.collectStyles(<Heading>Hello SSR!</Heading>) const stream = sheet.interleaveWithNodeStream(renderToNodeStream(jsx))

при чем тут SSR?