@iCoderXXI, а как вы потом работали с таким графом? компилили его во что-нибудь, или же во время исполнения функция пробегала по нодам?

Если хочется начать использовать React, но при этом не увязнуть в болоте Babel, Webpack и прочего, то можно смело использовать всякие starter-проекты. Есть довольно простой мой, например https://github.com/olegafx/react-starter нужно склонировать себе –> зайти в папку –> npm i –> npm start

@iCoderXXI, а как вы потом работали с таким графом? компилили его во что-нибудь, или же во время исполнения функция пробегала по нодам?

http://codepen.io/iCoderXXI/pen/oBBrjL вот тут почти рабочий код, там аякс запросы будут отваливаться т.к. сервис не живой, но если чутка поколдовать, то в целом работает

Если хочется начать использовать React, но при этом не увязнуть в болоте Babel, Webpack и прочего, то можно смело использовать всякие starter-проекты. Есть довольно простой мой, например https://github.com/olegafx/react-starter нужно склонировать себе –> зайти в папку –> npm i –> npm start

create-react-app наше всё :)

Есть вот такой проект для быстрого старта, но туда столько всего напихано, что фиг разберешь https://github.com/facebookincubator/create-react-app

@iCoderXXI +128 в карму тебе

Есть вот такой проект для быстрого старта, но туда столько всего напихано, что фиг разберешь https://github.com/facebookincubator/create-react-app

там все просто жеж, все настроено, ты вообще не паришься, 2 команды и через 2 минуты уже пишешь реакт-компоненты

@iCoderXXI +128 в карму тебе

на здоровье :) при должном упорстве это можно красиво отрисовать в чем угодно, хоть в том же реакте

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

там на пыхе к нему еще прилагается админка со статистикой всякой

Неплохо Очень даже

я вот хочу написать подобное Unreal Blueprints тоже упростить жизнь

admin(.*) что означает данная регулярка?

admin и всё что после него следует

если нет маркеров конца и начала, то буквально, чтобы в тексте был admin с чем-то после него

если нет маркеров конца и начала, то буквально, чтобы в тексте был admin с чем-то после него

Спасибо

admin(.*) что означает данная регулярка?

если матчишь, то через скобки можно еще и вытащить это самое "все что после него"

если нет маркеров конца и начала, то буквально, чтобы в тексте был admin с чем-то после него

“с чем-то или ничем” )

“с чем-то или ничем” )

это просто что-то с чем-то

)

если матчишь, то через скобки можно еще и вытащить это самое "все что после него"

я раньше регулярки вообще не воспринимал, а как с JS стал дружить активно, так прям поперло :)

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

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

меня Бог миловал, однако :) за такое я щитаю должны молоко и витамины для мозга выдавать бидонами ежедневно, за вредность.

ребят, как можно обновить массив?

Что?

нужно обновить старые значения массива на новые

нужно обновить старые значения массива на новые

Возвращай новый массив

нужно обновить старые значения массива на новые

.map ?

.map ?

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

и что?

проходишь с помощью .map каждый объект, обновляешь и возвращаешь новый массив

ex.: const newValues = oldValues.map(val => ({ ...val, value: newValue }))

спасибо

Как вы думаете, нужен ли нуль перед точкой в css (0.5em vs .5em)? https://github.com/stylelint/stylelint-config-standard/issues/59

Как вы думаете, нужен ли нуль перед точкой в css (0.5em vs .5em)? https://github.com/stylelint/stylelint-config-standard/issues/59

не знаю, просто сделайте правило конфигурируемым

фронтендщики вообще дизайном занимаются?

универсалы фуллстэки порой и этим не брезгуют

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

Козулю вспомните

фронтендщики вообще дизайном занимаются?

да

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

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

фронтенд разрабы почти все я думаю

джавскрипт разрабы не все

есть примерно такой webpack конфиг: entry: { main: './index.js', vendor: [ 'axios', 'immutable', 'react', 'react-dom', 'redux-form', 'react-redux', 'react-router', 'redux', 'redux-thunk', 'store' ] }, ….. new webpack.optimize.CommonsChunkPlugin({ names: ['vendor'] }), весь апп делится на main и vendor, общий код идет в vendor с такими бандлами в dev env: main.js 1.61 MB 2 [emitted] main vendor.js 6.18 MB 0 [emitted] vendor на двух роутах понадобилось подключить крупную либу, react-rte после подключения размер main увеличивается на 2.3mb я решил вынести ее в отдельный чанк, и загружаю только на тех двух роутах через require.ensure в итоге сборка изменилась так: main.js 1.61 MB 2 [emitted] main 1.text-editor.js 2.33 MB 1 [emitted] text-editor vendor.js 6.18 MB 0 [emitted] vendor что уже хорошо и либа загружается лениво, только на двух роутах но посмотрев внутрь бандла, я увидел, что immutable лежит как в vendor, так и в 1.text-editor и не вырезается оттуда через common chunk подскажите, есть ли возможность выпилить immutable как нибудь из text-editor бандла ?

есть примерно такой webpack конфиг: entry: { main: './index.js', vendor: [ 'axios', 'immutable', 'react', 'react-dom', 'redux-form', 'react-redux', 'react-router', 'redux', 'redux-thunk', 'store' ] }, ….. new webpack.optimize.CommonsChunkPlugin({ names: ['vendor'] }), весь апп делится на main и vendor, общий код идет в vendor с такими бандлами в dev env: main.js 1.61 MB 2 [emitted] main vendor.js 6.18 MB 0 [emitted] vendor на двух роутах понадобилось подключить крупную либу, react-rte после подключения размер main увеличивается на 2.3mb я решил вынести ее в отдельный чанк, и загружаю только на тех двух роутах через require.ensure в итоге сборка изменилась так: main.js 1.61 MB 2 [emitted] main 1.text-editor.js 2.33 MB 1 [emitted] text-editor vendor.js 6.18 MB 0 [emitted] vendor что уже хорошо и либа загружается лениво, только на двух роутах но посмотрев внутрь бандла, я увидел, что immutable лежит как в vendor, так и в 1.text-editor и не вырезается оттуда через common chunk подскажите, есть ли возможность выпилить immutable как нибудь из text-editor бандла ?

Как на счет такого варианта? https://github.com/kriasoft/react-starter-kit/blob/6bc41c93124afa3336c7a55f5f57dab6a566b956/tools/webpack.config.js#L250-L255

Как на счет такого варианта? https://github.com/kriasoft/react-starter-kit/blob/6bc41c93124afa3336c7a55f5f57dab6a566b956/tools/webpack.config.js#L250-L255

WAT

положить все модули которые импортируются из node_modules в отдельный чанк vendor.js

Как на счет такого варианта? https://github.com/kriasoft/react-starter-kit/blob/6bc41c93124afa3336c7a55f5f57dab6a566b956/tools/webpack.config.js#L250-L255

прикольно, text-editor не уменьшился, зато main в два раза похудел

может у тебя там две разные версии immutable?

положить все модули которые импортируются из node_modules в отдельный чанк vendor.js

я не хочу его класть в vendor, т.к вендор грузится всегда, там только частоиспользуемый код, а text-editor лежит в отдельном чанке, чтобы грузить только на двух роутах

может у тебя там две разные версии immutable?

версии одинаковые, но как я понял этот react-rte отдается уже собранный из dist/ куда зашита immutable

а, ну так вебпак то откуда узнает что это один и тот же immutable

а, ну так вебпак то откуда узнает что это один и тот же immutable

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

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

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

resolve.alias

похоже что это не поправить, там в package.json в секции main: dist/react-rte.js а этот файл уже собран вебпаком и в нем зашит imutable

пам-пам

грустный трамбон

прийдется на draft-js переходить

прийдется на draft-js переходить

лучше не стоит... есть аналог, лучше на него)

лучше не стоит... есть аналог, лучше на него)

как звать аналог?

вот вспоминаю)

https://github.com/ianstormtaylor/slate

ERROR: S client not available

там список есть аналогов. я прям советую посмотреть на что угодно, кроме draft-js) его как-то минимально поддерживают, issue/pr висят, не закрывают

спасибо гляну

Draftjs вообще не понравился, слишком нагородили.

А юзать джквери для работы с домом внутри реакт компонента это нормально?

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

Там просто расчёт положения элемента на странице через оффсеты

и стоит для этого жкеври тянуть?

в пассивном режиме - можно без опаски пользовать, так-то

Джквери уже итак тянется в проект и отказ от него вряд ли будет

с таким подходом-то, конечно, вряд-ли )

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

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

Я вот и не знаю стоит ли джквери трогать

вообще, координаты элемента - getBoundingClientRect ну, еще может понадобиться window.scrollX/scrollY если тебе нужны абсолютные значения. нафига там жквери

а как же "работает не трагай !"

но вот в реакте стараются таким не баловаться. я не знаю юзкейс но обычно в такие вещи лазить не приходится

Мне нужен оффсетТоп, оффсетЛефт и иннерхэйт

а зачем?

Позицию попапа вычислять

хмм. опять же, не в курсе юзкейса, но тако решается через position: absolute

раз у тебя попап привязан к элементу (видимо, речь про поповер) - помещаешь их в один контейнер и через css спокойно выставляешь что где

Все разобрался, там механизм попапов через джс от артемия Лебедева работал)) я этот механизм выпилил и ничего считать не пришлось

Js от Темы™® )) надо же )

Там этого джс файлов 20 было

Я выпиливал выпиливал, осталось 11

Мне нужен оффсетТоп, оффсетЛефт и иннерхэйт

https://github.com/souporserious/react-measure

вот интересно, что думает народ об этой новой фиче? https://github.com/facebook/react/blob/d28ac9eea0cad6be949cc9d3f973cf548e89bf97/src/renderers/dom/fiber/__tests__/ReactDOMFiber-test.js#L259

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

Коллбеками

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

а причем тут это? )

Я спросил можно ли это вообще сделать или нет