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

Подскажите как правильно читать исходники библиотек, фрэймворков? Какие советы можете дать?

слева направо, сверху вниз

Подскажите как правильно читать исходники библиотек, фрэймворков? Какие советы можете дать?

смотря с какой целью ты это делаешь. если просто чтобы посмотреть, то ищешь в package.json main и с этого файла начинаешь смотреть, если это не js, то там по-другому, но всегда есть точка входа. если какой то функционал конкретный, то ищешь например файл который ты импортишь и с него смотришь что да как

слева направо, сверху вниз

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

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

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

С целью примерного понимания как работают некоторые функции которые я использую ну и для практики чтения чужого кода

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

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

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

это про какие языки речь?

это про какие языки речь?

+

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

тоже интересно

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

не понимаю тебя

Виснет страница после ребилда если не на главной

а причём тут вебпак?

и через какую строку

Да Я хз

Адресную

подскажите в material-ui - Auto Complete можно как то получить весь объект выбранный или только слово/строку - http://www.material-ui.com/#/components/auto-complete

Не считается ли bad practise использование более одного возвращения (return) в методе render()?

Не считается ли bad practise использование более одного возвращения (return) в методе render()?

если это early return от недостатка данных или слабо отличающийся conditional rendering, то это норм. Если возвращаются совершенно разные вещи, то скорее всего что-то не так

если это early return от недостатка данных или слабо отличающийся conditional rendering, то это норм. Если возвращаются совершенно разные вещи, то скорее всего что-то не так

Спасибо

Кто знаком с react-router v4, ваше мнение интересует. Что лучше: использовать переадресацию через state и компонент Redirect, или с помощью контекста, как делалось в react-router v3?

redirect

Подскажите как правильно читать исходники библиотек, фрэймворков? Какие советы можете дать?

Я вот как раз redux разбирал, тот же combineReducer я начал читать от сюда, https://github.com/reactjs/redux/blob/master/src/combineReducers.js#L104 потом уже поднимался вверх, и смотрел как работают функции свеху по мере их вызова, мне так легче было понять как работает код.

redirect

??

Крутая тема конечно. А нельзя ли сделать некий маркер (коммент) в жс файле после которого весь текст воспринимался бы как цсс для этого компонента)?

привет) добавил поддержку tagged template literals, так что можно писать css в компонентах а-ля styled components, но с мощью postcss)) пример можно посмотреть тут) https://github.com/lttb/babel-plugin-prejss/blob/a715bea18db016a30d898b7f2d94a510c68a442a/examples/counter/src/client/components/Counter/index.jsx

А как давно вы подсели на styled-components

Я вот как раз redux разбирал, тот же combineReducer я начал читать от сюда, https://github.com/reactjs/redux/blob/master/src/combineReducers.js#L104 потом уже поднимался вверх, и смотрел как работают функции свеху по мере их вызова, мне так легче было понять как работает код.

??

Я вот как раз redux разбирал, тот же combineReducer я начал читать от сюда, https://github.com/reactjs/redux/blob/master/src/combineReducers.js#L104 потом уже поднимался вверх, и смотрел как работают функции свеху по мере их вызова, мне так легче было понять как работает код.

про react-redux советую начать с этого https://www.youtube.com/watch?v=VJ38wSFbM3A там все уже переписали, но идеи те же самые по сути остались вообще, идея канала неплохая, чел просто приглашает людей и они вместе проходятся по коду правда выпуски раз в 2-3 месяца

про react-redux советую начать с этого https://www.youtube.com/watch?v=VJ38wSFbM3A там все уже переписали, но идеи те же самые по сути остались вообще, идея канала неплохая, чел просто приглашает людей и они вместе проходятся по коду правда выпуски раз в 2-3 месяца

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

реально без его комментариев сходу фиг поймешь зачем он это именно так все сделал)

Народ, я хочу чтобы соседний компонент слушал клики и менял свое состояние, я это делаю через ComponentDidMount и на document.body передаю функцию. Это норм или есть другие варианты?

Ребят, я тут решил сделать невероятное — вынести компонент инпута в отдельный модуль : ) Но не знаю как прокинуть в него стейт значения при вводе. Как это обычно делается?

подскажите плс

Народ, я хочу чтобы соседний компонент слушал клики и менял свое состояние, я это делаю через ComponentDidMount и на document.body передаю функцию. Это норм или есть другие варианты?

Это не норм. Есть ридакс

Это не норм. Есть ридакс

а это не мне )

Это норм

ага, как мне стейт передать в него правильно?

Стейт ридакса?

неа, просто

Тогда какой стейт?

ну у меня инпут отдельно вынесен, я его буду использовать и при вводе стейт будет меняться. или не надо ничего передавать, а обрабатывать там где вызываю инпут?

я нубчик, сори за такие вопросы )

ну у меня инпут отдельно вынесен, я его буду использовать и при вводе стейт будет меняться. или не надо ничего передавать, а обрабатывать там где вызываю инпут?

Напомни завтра

Напомни завтра

до завтра я уже сделаю )

Просто onChange будет из внешнего компонента

И стейт этих инпутов будет там же

то есть там где я уже именно использую инпут ага?

А вообще я бы сделал его стейтлес

Обычный контроллед инпут

А вообще я бы сделал его стейтлес

пошел гуглить

Обычный контроллед инпут

ну я такого не делал, поэтому спрашиваю как правильно

а то устал копипастить код из одного экрана в другой

ну я такого не делал, поэтому спрашиваю как правильно

https://facebook.github.io/react/docs/forms.html

https://facebook.github.io/react/docs/uncontrolled-components.html

Читать вдумчиво

пасиб читаю

Читать вдумчиво

с реактом по-другому не получается ) пробовал пробегаться, толку нет от такого чтения

пошел гуглить

Import { Button } from 'nordnet-ui-kit'

Посмотри его

И как он сделан

ERROR: S client not available

а ну так то понятно )

Это сложный

Там есть input-stateless

Вот он норм

В новой версии будет так

нету вроде такого )

нету вроде такого )

Окай

еще такой вопрос, можно ли так делать? картинка точно есть на месте, все работает если добавлять сразу на месте, но если передаю путь к картинке, то не воспринимает..

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

Да, даже эквалайзер не помогает (

Народ, я хочу чтобы соседний компонент слушал клики и менял свое состояние, я это делаю через ComponentDidMount и на document.body передаю функцию. Это норм или есть другие варианты?

редакс. стор. передавай состояние через экшены

еще такой вопрос, можно ли так делать? картинка точно есть на месте, все работает если добавлять сразу на месте, но если передаю путь к картинке, то не воспринимает..

нельзя. require резолвятся на этапе сборки

можно сделать require заранее все нужные картинки

можно сделать require заранее все нужные картинки

ок спасибо, так и сделал

в духе var images = [ require('./image1.png'), require('./image2.png'), require('./image3.png'), ]; и потом передавать нужную в компонент

аа вот как, понял

ну я так сделал пока что

только теперь не знаю как из этого инпута значение вытащить

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

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

ага буду знать, в данном случае это не нужно пока что

только теперь не знаю как из этого инпута значение вытащить

ну. onChange={this.handleChange} и сохранять значение в стейт на каждом изменении?

ну. onChange={this.handleChange} и сохранять значение в стейт на каждом изменении?

да, только само значение как взять?)

а все, сори )

понял

handleChange(event) { this.setState({ data: event.target.value }); }

handleChange(event) { this.setState({ data: event.target.value }); }

только почему-то onChange не работает для него. Надо что-то дописать в самом компоненте?

onChange я думаю работает. биндингов скорее всего нет

забиндил