ну есть же подход типа pipe(one, two, three)

мда, чуток я по react поднатаскался...щас сижу и вспоминаю как меня убеждал коллега что порог вхождения в react достаточно низкий. Типа тот же ангуляр намного все сложнее. Ппц какой низкий порог вхождения, я вроде как уже потасканный и потрепанный вебом и js лет эдак уже, и если бы не мои эти знания общие я бы лапу посасывал сейчас по реакту

хотя тот же ангуляр зашел намного проще

мда, чуток я по react поднатаскался...щас сижу и вспоминаю как меня убеждал коллега что порог вхождения в react достаточно низкий. Типа тот же ангуляр намного все сложнее. Ппц какой низкий порог вхождения, я вроде как уже потасканный и потрепанный вебом и js лет эдак уже, и если бы не мои эти знания общие я бы лапу посасывал сейчас по реакту

сам по себе реакт очень простой

хотя тот же ангуляр зашел намного проще

попробуй vue еще :))

сам по себе реакт очень простой

сам по себе может и простой))) но кому он нужен простой реакт

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

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

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

create react app и вперед стразу писать приложуху

угу сразу, а работу с api реализовать, а с redux разобраться ибо состояний начало не хватать. А вникать в роутер.

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

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

@ZeroBias я понял как работает ваш debounce

если сделать вот так, то map2 будет появляться в консоли через 1,5сек после того как я перестану кликать по кнопке

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

Что такое эпик?

Что такое эпик?

это что-то типа превращения значений эвента в стрим и прогон через методы most

это что-то типа превращения значений эвента в стрим и прогон через методы most

Что за либа?

create react app и вперед стразу писать приложуху

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

А то приходится eject делать, уже не так красиво становится

Привет

Что лучше, раздельно делать веб и мобильную версии (реакт натив) или объединить?

Что лучше, раздельно делать веб и мобильную версии (реакт натив) или объединить?

что объеденить?

React + React Native

Что лучше, раздельно делать веб и мобильную версии (реакт натив) или объединить?

React native web

На React один код, на ReactNative другой. Логика тоже разная

Сделай PWA тогда

Спасибо, всё понятно

А то приходится eject делать, уже не так красиво становится

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

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

react-app-rewired решает это. Во второй версии CRA добавят scss

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

Там убогая реализация. Они предлагают парралельно с вебпаком включать вотчер css . Работает это паршиво и медленно

Как уже сказали - react-app-rewired

Глимер компилится в бинарник О_О

А так можно было О_О

вот такая ситуация возникла нужно вытаскивать по api некие items у каждого есть список категорий. Естественно мне нужно имя категорий выводить и ссылками оформлять. Я должен париться об организации какой то реляционной модели на уровне redux store или в порядке вещей в каждом таком случае просить чтобы с бекенда отдавали целиком все данные необходимые для вывода типа такого item = {'id':1, 'name': 'name', 'categories': [{'id':1, 'name':'category1', 'id':2, 'name':'category2......}]} ?

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

Я знаю про это.

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

Поэтому неудобно это использовать

Про react-app-rewired не знал, странно. Но сейчас посмотрел - очень полезная вещь

Парни, так и должно но быть: изменил в спа некоторые методы и классы, и теперь это изменённое спа не видит из localstorage данные старой версии?

Если те ключи, по которым в новом коде вы получаете и устанавливаете данные в localStorage, не менялись, такого происходить не должно

Ключи старые

Странно тогда

Причем дев версия видит, а билд нет

вот такая ситуация возникла нужно вытаскивать по api некие items у каждого есть список категорий. Естественно мне нужно имя категорий выводить и ссылками оформлять. Я должен париться об организации какой то реляционной модели на уровне redux store или в порядке вещей в каждом таком случае просить чтобы с бекенда отдавали целиком все данные необходимые для вывода типа такого item = {'id':1, 'name': 'name', 'categories': [{'id':1, 'name':'category1', 'id':2, 'name':'category2......}]} ?

Можно хранить в categories у item массив с id категорий, а список категорий отдельно получать, так будет логичнее

И получать к ним доступ по id

Можно хранить в categories у item массив с id категорий, а список категорий отдельно получать, так будет логичнее

логично но это дополнительный аякс запрос и наслаивание логики

Но если много категорий, то это печально конечно

Но все же при общих категориях лишнего много получается

Тут у всех способов плюсы и минусы

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

Я думаю, что если категорий мало, то не критично 2 запроса делать

Ну да, в вашем первом способе данные уже должны быть на беке, то есть обработка там, так будет лучше при загрузке item'ов последовательно (с подгрузкой например), такую структуру должен бек делать, естественно, но если вы делаете для себя проект, то не критично, как именно это получать. А так, для крупного количества категорий ваш способ лучше, для маленького можно и отдельно запрашивать и реализация падает больше на фронт, в таком случае

Ну да, в вашем первом способе данные уже должны быть на беке, то есть обработка там, так будет лучше при загрузке item'ов последовательно (с подгрузкой например), такую структуру должен бек делать, естественно, но если вы делаете для себя проект, то не критично, как именно это получать. А так, для крупного количества категорий ваш способ лучше, для маленького можно и отдельно запрашивать и реализация падает больше на фронт, в таком случае

спасибо за совет

Всем привет, а в этом чатике в итоге решили что лучше для форм использовать? а то что то поиск по чату не дает однозначного ответа :С

Всем привет, а в этом чатике в итоге решили что лучше для форм использовать? а то что то поиск по чату не дает однозначного ответа :С

Formik

И что-то еще

Всем привет, а в этом чатике в итоге решили что лучше для форм использовать? а то что то поиск по чату не дает однозначного ответа :С

react final form

теперь еще кто то должен написать redux-forms

redux-forms отстой

Мне тоже не понравились.

а можно немного аргументировать ?)

redux-forms отстой

https://github.com/davidkpiano/react-redux-form

Вот это ещё можно глянуть, функционал как по мне излишен, но делать можно почти всё

коллеги) интересный вопрос, тут заметил странность с loadable-components в дев режиме и router based code splitting - он грузит все роуты зараза, то есть вебпак их разбивает на чанки(каждый роут), а точка входа грузит эти роуты независимо от текущего роута...не сталкивался никто?

А то приходится eject делать, уже не так красиво становится

ну как выяснилось есть у них там поддержка scss/sass надо просто в package.json скриптик прописать и пакетик доустановить

типа "build-css": "node-sass-chokidar src/ -o src/", "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ —watch —recursive"

Я знаю про это.

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

Поэтому неудобно это использовать

Про react-app-rewired не знал, странно. Но сейчас посмотрел - очень полезная вещь

И лишнее окно консоли и нагрузка, как уже писали выше

кроме того в create react app можно делать кастомные конфиги дополняя стандартные заменив react-scripts при запуске на react-app-rewired

Кстати, а разве --recursive поддерживается chokidar? Я думал, что нет)

Кстати, а разве --recursive поддерживается chokidar? Я думал, что нет)

ну вот век живи - век учись :))

:)

кроме того в create react app можно делать кастомные конфиги дополняя стандартные заменив react-scripts при запуске на react-app-rewired

а обновление тогда работать будут?

а обновление тогда работать будут?

ну ты же eject не делаешь

значит будут

@ZeroBias разобрался с debounce

собственно проблема была не в нем

а в самой концепции управления стейтами в effector

подскажите, как писать story storybook , если в проетке исользуется redux. как передавать данные компоненту?

подскажите, как писать story storybook , если в проетке исользуется redux. как передавать данные компоненту?

создаешь стор и погнал

также делаешь обоертку из <Provider store={store}>...

но суть в том, что в сторибуке тебе редакс не нужен скорее всего

если ты пишешь компоненты правильно чистыми

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

storiesOf('App/Popup/form/NumberItems', module).add('list of numberitems', () => ( <div> <NumberItem item={{ id: 1, selectValue: 'Twin', inputValue: 22 }} key={item.id} //removeItem={this.props.removeItemFunc} //changeValueSelect={this.props.changeValueSelectFunc} //changeValueInput={this.props.changeValueInputFunc} /> </div> пишет, что item is not defined

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

откуда у тебя в key берется вдруг item?

надо const item = { id: 1, selectValue: 'Twin', inputValue: 22 } и передать его