ребят, а кто как делает normalize используя styled components ?

Ну если речь идет не только о normalize, а вообще про сторонние либы, делаю ижекст стилей styled-loader, правда нужно опцию, insertAt: top добавить, потому что стили вставляются после SC.

ребят, а кто как делает normalize используя styled components ?

лично у меня вот так в общем)

соре, странно как-то прикрепилось

npmjs.com/styled-normalize

удобно, спасибо

у меня не вебпак, но спасибо!

Итак, продолжая знакомится с vue, вот чего не хватает в Реакте: 1. именованных слотов (на самом деле они есть - просто проперти, но это слабо пропагандируется) 2. единого формата для доки - у vue многие плагины с докой в стиле оригинального сайта, по ходу у них там шаблон какой-то 3. крутого cli (хотя я им еще не пользовался) 4. доки на разных языках

Итак, продолжая знакомится с vue, вот чего не хватает в Реакте: 1. именованных слотов (на самом деле они есть - просто проперти, но это слабо пропагандируется) 2. единого формата для доки - у vue многие плагины с докой в стиле оригинального сайта, по ходу у них там шаблон какой-то 3. крутого cli (хотя я им еще не пользовался) 4. доки на разных языках

Хуита, при всем уважении

Итак, продолжая знакомится с vue, вот чего не хватает в Реакте: 1. именованных слотов (на самом деле они есть - просто проперти, но это слабо пропагандируется) 2. единого формата для доки - у vue многие плагины с докой в стиле оригинального сайта, по ходу у них там шаблон какой-то 3. крутого cli (хотя я им еще не пользовался) 4. доки на разных языках

зачем именнованые слоты? или это foo={<div />} bar={<div />} ?

зачем именнованые слоты? или это foo={<div />} bar={<div />} ?

Да

Итак, продолжая знакомится с vue, вот чего не хватает в Реакте: 1. именованных слотов (на самом деле они есть - просто проперти, но это слабо пропагандируется) 2. единого формата для доки - у vue многие плагины с докой в стиле оригинального сайта, по ходу у них там шаблон какой-то 3. крутого cli (хотя я им еще не пользовался) 4. доки на разных языках

3. зачем cli? учитывая что реакт не фреймворк

Итак, продолжая знакомится с vue, вот чего не хватает в Реакте: 1. именованных слотов (на самом деле они есть - просто проперти, но это слабо пропагандируется) 2. единого формата для доки - у vue многие плагины с докой в стиле оригинального сайта, по ходу у них там шаблон какой-то 3. крутого cli (хотя я им еще не пользовался) 4. доки на разных языках

Зачем дока на разных языках?

3. зачем cli? учитывая что реакт не фреймворк

Ну, может, это больше вопрос к CRA. Хотя тоже не то...

CLI - аналог CRA, по сути Там еще есть графический интерфейс есть, даже, зачем-то

CRA - только про сборку

Рендеринг страниц в реакте... Не по мне. Обновил страницу и у тебя сервер вернул нет такой... Гонево. Но подход у реакта понравился. Сейчас смотрю next Знакомился с реактом 2 недели. Может просто не умею готовить

зачем именнованые слоты? или это foo={<div />} bar={<div />} ?

О, нашел https://daveceddia.com/pluggable-slots-in-react-components/

Рендеринг страниц в реакте... Не по мне. Обновил страницу и у тебя сервер вернул нет такой... Гонево. Но подход у реакта понравился. Сейчас смотрю next Знакомился с реактом 2 недели. Может просто не умею готовить

так это. сервак должен уметь в это. Достаточно чтобы сервер, на неизвестный ему урл вернул index.html

Хотя я бы расширил https://t.me/react_js/449153

Парни а как принято прописывать propTypes и defaultProps в static класса или ниже через Componentname.propTypes... ?

Или все равно?

так это. сервак должен уметь в это. Достаточно чтобы сервер, на неизвестный ему урл вернул index.html

Это понятно. Но движ лишний

Парни а как принято прописывать propTypes и defaultProps в static класса или ниже через Componentname.propTypes... ?

через static, если есть плагин.

Это понятно. Но движ лишний

??

??

Я беру /users/1 реактом. Обновляю и включается koa или express. Что я должен делать?

Я беру /users/1 реактом. Обновляю и включается koa или express. Что я должен делать?

отдать index.html

Но я хочу users/1

всем привет, вопрос по jest/enzyme в связке с CRA custom-scripts читаю третий день туториал {"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import Enzyme from 'enzyme'; Выставляет такую ошибку вопрос в том, что мне нужно поставить дополнительно, "classnames": "^2.2.6", "custom-react-scripts": "0.2.2", "enzyme": "^3.4.4", "enzyme-adapter-react-16": "^1.2.0", "prop-types": "^15.6.2", "react": "^16.4.2", "react-dom": "^16.4.2", "react-redux": "^5.0.7", "react-router-dom": "^4.3.1", "react-test-render": "^1.1.1", "react-transition-group": "^2.4.0", "redux": "^4.0.0", "redux-devtools-extension": "^2.13.5", "redux-thunk": "^2.3.0"

Но я хочу users/1

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

и нужно ли вообще, идти таким путем, может все на много проще? eject не делал

Я беру /users/1 реактом. Обновляю и включается koa или express. Что я должен делать?

если ты криво задал вопрос, и имел ввиду запросы к апи. то КОНЕЧНО же, запросы к API должны быть в /api/users/1 а обычные запросы страниц в /users/1

import * as enzyme from 'enzyme'; import * as Adapter from 'enzyme-adapter-react-16'; enzyme.configure({ adapter: new Adapter() });

гораздо проще выглядит схема через пропсы типа <Stepper ...> <Step content={Step1} ... /> <Step content={Step2} ... /> </Stepper> const Step1 = (props) => ...

по крайней мере я именно так делаю, обычно

гораздо проще выглядит схема через пропсы типа <Stepper ...> <Step content={Step1} ... /> <Step content={Step2} ... /> </Stepper> const Step1 = (props) => ...

только управлять этим не особо реально. Да и ничего особо не поменяется же

если ты криво задал вопрос, и имел ввиду запросы к апи. то КОНЕЧНО же, запросы к API должны быть в /api/users/1 а обычные запросы страниц в /users/1

я тоже долго перечитывал вопрос, но потом в голос выпал)

только управлять этим не особо реально. Да и ничего особо не поменяется же

в в чем сложность управления? те же самые пропсы проносятся в StepN

в в чем сложность управления? те же самые пропсы проносятся в StepN

добавил поддержку <Step render={() => <div />} /> лучше?)

ты просто можешь каждый шаг разнести по разным файлам спокойно

ты просто можешь каждый шаг разнести по разным файлам спокойно

я забыл о том, что так и планировалось)) Спасибо)

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

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

вот это вообще не понял

добавил поддержку <Step render={() => <div />} /> лучше?)

ога :)) теперь вполне себе стандартный степер :))))

вот это вообще не понял

ну на скрине ты для каждого степа повторяешься

так оно никуда не денется

так оно никуда не денется

так то оно так да не так

так то оно так да не так

объясни?

лучше когда каждый Step будет принимать параметры от Stepper

тестировать по моему проще будет

ооо шо за тема?

лучше когда каждый Step будет принимать параметры от Stepper

покажи пример. Не очень улавливаю. Опять же повторяю, для каждого степа свой renderControls и статусы

ооо шо за тема?

Winter is Coming

покажи пример. Не очень улавливаю. Опять же повторяю, для каждого степа свой renderControls и статусы

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

ну в общем, расскажи потом на какой схеме использлвания остановитесь :))

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

SFC?

stateless functional component

а, лол ну оно так и есть)

а, лол ну оно так и есть)

c sfc понятно, а если step будет классом, че то я туплю как его туда вписать? придется делать <Stepper><Step>{props => <StepN {...props} />}</Step></Stepper> видимо

ну вот для класса как раз и хорошо иметь render|content или что-то такое

c sfc понятно, а если step будет классом, че то я туплю как его туда вписать? придется делать <Stepper><Step>{props => <StepN {...props} />}</Step></Stepper> видимо

да.

ну вот для класса как раз и хорошо иметь render|content или что-то такое

в любом случае придется const Some = … <Step render={Some} /> или <Step>{Some}</Step> а если класс, то {(props) => <Some {…props} />}

ERROR: S client not available

stateless functional component

я уж подумал, при чем тут single file component, вроде не вуешный чат

я уж подумал, при чем тут single file component, вроде не вуешный чат

в реакте все не так просто как в vue :))

в реакте все не так просто как в vue :))

Скорее наоборот и это хорошо

Вуй проще. Но они очень сильно похожи

Вуй проще. Но они очень сильно похожи

Смотря что понимать под проще

Если порог входа, то возможно да

Смотря что понимать под проще

Вуй даёт просто потрясающие обёртки, которые не нужно придумывать как интегрировать. Реакт более низкоуррвневый.

(

в реакте все не так просто как в vue :))

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

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

Если ты пишешь серьёзный проект то реакт знать нужно

Если ты пишешь серьёзный проект то реакт знать нужно

Я и так его знаю. Вот вью не знал на момент старта проекта

ну как бэ на первом шаге не нужна Back на последнем не нужна Continue на каждом шаге своя логика onContinue (проверки и прочее)

Тогда это вообще не обязательно держать в view

Не столько реакт даже, сколько редакс

Я и так его знаю. Вот вью не знал на момент старта проекта

Да vue помогает решать проблемы бизнеса, react как по мне это конструктор. Но не кто не отменяет знание основ, и принципа работы.

Реакт крут именно какой-то академичностью, что ли. Как какой-нибудь хаскелль

Тогда это вообще не обязательно держать в view

я не смог за один вечер обсуждений родить что-то лучше (((

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

забавно, что у меня ситуация ровно обратная

Да vue помогает решать проблемы бизнеса, react как по мне это конструктор. Но не кто не отменяет знание основ, и принципа работы.

Реакт точно так же решает проблемы бизнеса

забавно, что у меня ситуация ровно обратная

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

Да vue помогает решать проблемы бизнеса, react как по мне это конструктор. Но не кто не отменяет знание основ, и принципа работы.

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

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

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

Реакт точно так же решает проблемы бизнеса

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

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

Можно пример ?

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

Это только на самом старте

Добрый вечер) Подскажите, как вы работаете с приватными и публичными роутами react/react-router-dom? Сейчас, состояние о том, что пользователь залогинен, я храню в redux (тут первый вопрос, правильно ли это вообще?) Далее, в приватный роутер, я прикидываю пропс, который говорит о том, залогинен ли пользователь или нет. В зависимости от этого, он делает либо редирект, либо показывает компонент. Все работает отлично, до тех пор, пока не нажимаю f5. И в этот момент происходит... ну, не самая приятная вещь. В общем, я по прямой ссылке, открываю страницу /create В стейте, естественно, в этот момент ничего нет... Меня редиректит на страницу /login В этот момент, у оказывается, что пользователь то уже залогинен, и меня перекидывает на страницу /dashboard, и так меня перекидывает со всех "приватных" ростов. Как вы решаете такую проблему?

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

У вью ровно обратная ситуация

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

ну если не умеешь в реакт, то конечно. я стартанул проект год назад. Теперь только дописываю логику и по чуть чуть рефакторю. всё

Добрый вечер) Подскажите, как вы работаете с приватными и публичными роутами react/react-router-dom? Сейчас, состояние о том, что пользователь залогинен, я храню в redux (тут первый вопрос, правильно ли это вообще?) Далее, в приватный роутер, я прикидываю пропс, который говорит о том, залогинен ли пользователь или нет. В зависимости от этого, он делает либо редирект, либо показывает компонент. Все работает отлично, до тех пор, пока не нажимаю f5. И в этот момент происходит... ну, не самая приятная вещь. В общем, я по прямой ссылке, открываю страницу /create В стейте, естественно, в этот момент ничего нет... Меня редиректит на страницу /login В этот момент, у оказывается, что пользователь то уже залогинен, и меня перекидывает на страницу /dashboard, и так меня перекидывает со всех "приватных" ростов. Как вы решаете такую проблему?

Диспач до рендера

Ты начинаешь очень быстро и все заебись, проходит месяц-два и все жопа

Это только на самом старте

Возможно. Но Лично мне не удобно сохранять данные иммутабильно. Да есть супер библиотеки которые решают эти проблемы, но как по мне это мешает.