чтоб проверить напиши чонить в инпут

Ребят, почему может возникать такая беда? <Button text="Show Flights" ref={c => {console.log(c)}} /> Получаю в консоли null

когда компонент анмаунтится, реф вызовется с null

когда компонент анмаунтится, реф вызовется с null

Оказалось Button stateless был)

Что посоветуете новичку для изучения react.js?

Суть Реакта и его идеологическая необходимость лучше всего изложена тут, мне кажется: https://www.youtube.com/watch?v=nwtQMSFikUk Алсо https://habrahabr.ru/post/249107/

Ребят, а для тестирования законекченных компонент, мы же экспортируем из js файла таким образом: export connect(mapDispatchToProps)(AdminPanel);?

Почему нода может ругаться на Unexpected token и указывает на скобку после connect?

export default?

ыы. Да. а теперь вопрос номер 2: в js файле компонента mapDispatchToProps надо определять?

ну импортить надо)

он же откуда-то взяться должен

ыы. Да. а теперь вопрос номер 2: в js файле компонента mapDispatchToProps надо определять?

mapDispatchToProps - это для крайних случаев. Просто передавай мапу экшенов в connect: connect(mapStateToProps, {action1, action2, action3});

Можено вообще так: import * as actions from ‘../actions/myActions.js’; … connect(mapStateToProps, actions); Но в таком случае навигация по коду будет тяжелее.

кек import * as profileActions from '../../actions/clientProfile'

Типа того. Но потом очень долго искать, откуда взялся экшен. Во всяком случае Идея/Вебшторм не смогут перейти к определению.

Последний идиотский вопрос наверное: а mapStateToProps не импортится вместе с коннектом?

import { connect } from 'react-redux'

Лучше так: import {createProfile, deleteProfile} from ‘../../actions/clientProfile’ И соответственно connect(mapStateToProps, {createProfile, deleteProfile}) Тогда можно будет через ctrl+click найти определение. Но это дело вкуса и зависит от того какой редактор используешь.

Последний идиотский вопрос наверное: а mapStateToProps не импортится вместе с коннектом?

Потому что он для каждого компонента свой.

Вот его как раз нужно писать для каждого верхнеуровневого компонента (т.е. контейнера)

то есть все же в коде компонента его надо описывать?

ааа

спасибо

А есть под рукой пример?

redux TODO MVC :)

Я афк, сорри

У нас в проекте мы просто так юзаем connect - @connect(store => store.clientList)

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

У нас в проекте мы просто так юзаем connect - @connect(store => store.clientList)

У вас mapStateToProps описан, так сказать, инлайн. А бывают более сложные случаи.

Кстати, экшены тоже не обязательно в props прокидывать, можно вручную дёргать dispatch. Вы так и делаете, видимо, раз второго аргумента в connect нет.

Всё, теперь точно афк

Друзья, совсем скоро, 17 июня, состоится DevConf 2016! Как всегда позитивная атмосфера, много интересных людей и разнообразных докладов: http://devconf.ru/ru Мы решили розыграть один билет среди участников нашей группы. Кому достанется билет - будет определенно случайным образом. Для участия необходимо заполнить маленькую форму до 9 вечера 9 июня: + https://denisizmaylov.typeform.com/to/Gx5WM4

Друзья, совсем скоро, 17 июня, состоится DevConf 2016! Как всегда позитивная атмосфера, много интересных людей и разнообразных докладов: http://devconf.ru/ru Мы решили розыграть один билет среди участников нашей группы. Кому достанется билет - будет определенно случайным образом. Для участия необходимо заполнить маленькую форму до 9 вечера 9 июня: + https://denisizmaylov.typeform.com/to/Gx5WM4

зарегался)

Уже билеты купили. Скоро будем

куплено но на 1 день

Збс

Я вот все вспоминаю как вчера обсуждали юзание jQuery вместе с реактом и вот вечером ломал голову. Пытался представить, что можно взять из jQuery для реакта, лол. Можно хотя бы 1 пример? documen ready не нужен, очевидно почему. Селекторы тоже, есть querySelector, refs, getElementById. События не нужны, т.к. в реакте ты подписываешься при маунте и при анмауте удаляешь подписку. Куча бесполезных методов типа установки класса тоже не нужны из-за cx. ведь ничего не получится заюзать кроме jquery плагинов, аналоги которых уже давно написаны на pure js или react. Что именно из jQuery юзается? лол. Вопрос Андрею @iyntx

просто из любопытства интересно увидеть эти пару примеров)

А зачем джиквери то нужен?

Вчера стутью читал что он как бы и не тру

А это Андрей писал об этом.

ну,это понятно, что не тру. Но интересно, что он юзает вместе с ним)

Разве 9999 плагинов жквери не нужны?

лол

то есть ты подключаешь jQuery к реакту только jQuery плагинов?

ради*

Вчера стутью читал что он как бы и не тру

просто не модно

Календарики всякие. Я не говорю что жквери нужно юзать с реактом. Я лишь говорил что каждому делу по инструменту. Нельзя всё делать одним лишь реактом и если у вас более менее серьёзный продукт то жкверь ему необходим. На оавне с реактами. Почему? -- Потому что бы не разрабатывать календарики слайдеры и прочее, а разрабатывать продукт

У нас jquery календарь был обернут в компонент и использовался

так на реакте уже есть куча календариков/слайдеров/прочих ui

так на реакте уже есть куча календариков/слайдеров/прочих ui

Многое из оого чтг есть никуда не годится. В жкверях выбор шире

так на реакте уже есть куча календариков/слайдеров/прочих ui

Там все гавно. Я в свое время украл исходник ванильного календаря и портировал его на React.

Джиквери моветон вы что

Весь функционал в нативном квери селекторе же есть теперь

Весь функционал в нативном квери селекторе же есть теперь

джикверя имеет длинную историю разработки, и огромное количество готовых пакетов ускоряющих разработку

Таки не пакетов

все крутые слайдеры написаны на джиквере

Эм

Сиэсэс щас разве не шустрее слайдеры делает?

все попытки реализации сладера на css упирались в происзводительность на мобильных девайсах

они там ооооочень много видео ресурсов съедают,

Забыл когда последний раз юзал чьи-то жквери плагины

Для слайдеров

ERROR: S client not available

Календарики всякие. Я не говорю что жквери нужно юзать с реактом. Я лишь говорил что каждому делу по инструменту. Нельзя всё делать одним лишь реактом и если у вас более менее серьёзный продукт то жкверь ему необходим. На оавне с реактами. Почему? -- Потому что бы не разрабатывать календарики слайдеры и прочее, а разрабатывать продукт

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

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

Вероятно ты путаешь серьёзный продукт с идеальным продуктом из твоего мирка

Андрей, сколько человек в команде? Все нормально смотрят на реакт с jQuery? Вижу лишь два возможных варианта. Ты делаешь в соло, но при этом называешь проект серьезным. Либо, ты просто также все делаешь на jQuery, как делал давным давно, просто при маунте компонентов вызываешь плагины.

это называется jquery мозга. сам долго отучивался в прошлом)

Это лэндинг пейдж тру девелоперы

Андрей, сколько человек в команде? Все нормально смотрят на реакт с jQuery? Вижу лишь два возможных варианта. Ты делаешь в соло, но при этом называешь проект серьезным. Либо, ты просто также все делаешь на jQuery, как делал давным давно, просто при маунте компонентов вызываешь плагины.

4, да, да при маунте

тут просто нужен кто-то выше, чтобы код ревью делал. И бил по рукам в такие момента

Да джиквери не плох вы че

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

Прост наф он нуден когда все в нативе есть

Ок без жквери как ты тач евенты ловить будешь?

O_o

Лол

)))

То есть это на чистом жэ эсе делается. Но тогда тебе нужно изобретать велосипеды

Ок без жквери как ты тач евенты ловить будешь?

react же предоставляет работу с event-ами

<div onClick={} onChange={} onTap={} /> и так далее

Он не предоставляет работу с жэ эс слайдерами

onJquerySlideMove ?)

у тебя серьезный проект - это один слайдер что ли?

Ок без жквери как ты тач евенты ловить будешь?

напомнило вопрос как сложить два числа)

конечно, же с jQuery

Слайдеры сладеры

умело вбрасываешь)

мне вот в проекте нужен был аналог closest от jQuery

вместо подключения всего jQuery вставил функцию на 3-4 строчки

наверное, я не правильно сделал

но даже и он нафиг не нужен. надо отрефакторить)

https://developer.mozilla.org/ru/docs/Web/API/Element/closest