кроме этого — хз

Ты с телефона кодишь?)

:trollface:

Ты с телефона кодишь?)

Почему?

судя по размеру окна

В чём проблема? Что ему не нравится?

В самом классе тип не указал

state: StateType

судя по размеру окна

Зачем нужно делать скрин пустой области?

Зачем нужно делать скрин пустой области?

зануда

В самом классе тип не указал

Спасибо. А зачем тогда вот эти аргументы нужны у компонента?

зануда

Ужос.

Спасибо. А зачем тогда вот эти аргументы нужны у компонента?

дженерики

для явного вывода типов

Спасибо. А зачем тогда вот эти аргументы нужны у компонента?

Ну ты можешь * поставить, он сам выведет

дженерики

А пишем мы в телеграме. Спасибо за помощь.

Я просто не понимаю, почему он не понимает какой тип имеет state.

https://flow.org/en/docs/types/generics/

Я просто не понимаю, почему он не понимает какой тип имеет state.

Они не соотносятся 1 к 1

вот пример как они используются

То есть совсем не очевидно, что у тебя в стейте будет именно тот же тип

Ну да

т.е. так же внутри у тебя идет state: StateType;

т.е. так же внутри у тебя идет state: StateType;

Но чтобы флоу не ругался надо дополнительно уточнять. Ладно.

Блин, я хз как обрабатывать ошибки без консоли

алертами

Блин, я хз как обрабатывать ошибки без консоли

window.logger = console.log НАЕБИ ЛИНТЕР

export default Page

Ещё один вопрос по архитектуре. Как вам такая идея: каждый компонент состоит из 2 частей, если у него есть внутренний стейт. Component.js - который является классом с логикой и Component.pure.js - который тупо отображение.

Или я херню сейчас сморозил?

это называется разделение отображения от логики

нормъ

компонент и контейнер

export default Page

Да, но мне еще нужно дивы туда сунуть

это называется разделение отображения от логики

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

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0

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

Было бы проще, если бы был бы какой-нибудь несложный, идеальный со стороны архитектуры, проект.

Да, но мне еще нужно дивы туда сунуть

export default ({children, ...props}) => { return <Page {...props}><div>{children}</div></Page>; }

Думал можно кароче может как-то...( Ясно, спасибо

Было бы проще, если бы был бы какой-нибудь несложный, идеальный со стороны архитектуры, проект.

Идеальных не существует

https://gist.github.com/XaveScor/c84f5822dd6957c2b4c6b787548a02d9

У меня появилась ошибка Uncaught (in promise) TypeError: Cannot read property 'replaceChild' of null где-то в недрах реакта. Что я опять не так сделал?

SourceMap стоит?

У меня появилась ошибка Uncaught (in promise) TypeError: Cannot read property 'replaceChild' of null где-то в недрах реакта. Что я опять не так сделал?

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

У меня появилась ошибка Uncaught (in promise) TypeError: Cannot read property 'replaceChild' of null где-то в недрах реакта. Что я опять не так сделал?

проблема в твоем коде, а не в реакте

Спасибо. Понял.

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

Да, я нашёл ошибку. И она как обычно была не там, где стектрейс показал(

ты че внятный стектрейс хотел?

иди в джаву

?

Как в 4 реакт роутере програмно вызвать редирект?

Типо после авторизации

this.props.history.push/go(“qwer”)

если компонент который в роуте

если другой то добавить hoc withRouter()

Хм, спасибо

Бля, что с твоей аватаркой

Сорри, не удержался

Бля, что с твоей аватаркой

блин, ты мне одного препода напомнил

он очень не хотел принимать мои домашки

ERROR: S client not available

Привет всем)) помогите разобратся со стейтами)) как из чилдрена их отправить в родительский и потом отправить в другой чилдрен)))??????

я только начинаю учить реакт))

редакс

бещ

без редакса..

Привет всем)) помогите разобратся со стейтами)) как из чилдрена их отправить в родительский и потом отправить в другой чилдрен)))??????

Передаешь колбек в чайлда и вызываешь внутри

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

Привет всем)) помогите разобратся со стейтами)) как из чилдрена их отправить в родительский и потом отправить в другой чилдрен)))??????

Делай компонента-пахана, который всеми рулит и всех к нему посылай, а он дальше их раскидывает

псс, не хочешь немножко context ?)

Ну слава богу

(Правда это и будет редакс, только кривой)

Спс

Поня, спасибо всем чейчас буду чот делат)

Ну слава богу

По аватарке было сразу палевно, что реакт девелопер ?

))

на свфитера похож

По аватарке было сразу палевно, что реакт девелопер ?

Особенно по истории автарок

Кто-то работает здесь с React Native? И как?

Всем привет! Подскажите пожалуйста, почитал статью https://hackernoon.com/straightforward-code-splitting-with-react-and-webpack-4b94c28f6c3f и решил в своем приложении при старте загрузить JSON динамически но ругается Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12)Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12) const App = React.createClass({ getInitialState() { return { orders: [], }; }, componentDidMount() { const orders = JSON.parse(localStorage.getItem('orders')); if(orders) { this.setState({ orders, }); } else { import('../api/money_pal.json').then(json => { console.log(json, ' --json'); }) } }, render() {} }); Я так понимаю что в webpack нужно еще что=то доустановить?

Долго на него перекатываться с обычного реакта?

Всем привет! Подскажите пожалуйста, почитал статью https://hackernoon.com/straightforward-code-splitting-with-react-and-webpack-4b94c28f6c3f и решил в своем приложении при старте загрузить JSON динамически но ругается Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12)Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12) const App = React.createClass({ getInitialState() { return { orders: [], }; }, componentDidMount() { const orders = JSON.parse(localStorage.getItem('orders')); if(orders) { this.setState({ orders, }); } else { import('../api/money_pal.json').then(json => { console.log(json, ' --json'); }) } }, render() {} }); Я так понимаю что в webpack нужно еще что=то доустановить?

Зачем его импортить, когда можно его фетчнуть?

Всем привет! Подскажите пожалуйста, почитал статью https://hackernoon.com/straightforward-code-splitting-with-react-and-webpack-4b94c28f6c3f и решил в своем приложении при старте загрузить JSON динамически но ругается Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12)Module build failed: SyntaxError: C:/Users/user/react-start/src/components/App.js: 'import' and 'export' may only appear at the top level (34:12) const App = React.createClass({ getInitialState() { return { orders: [], }; }, componentDidMount() { const orders = JSON.parse(localStorage.getItem('orders')); if(orders) { this.setState({ orders, }); } else { import('../api/money_pal.json').then(json => { console.log(json, ' --json'); }) } }, render() {} }); Я так понимаю что в webpack нужно еще что=то доустановить?

^ fetch, $.ajax, XMLHttpRequest NOT IMPORT!

Кстати, никто ещё не упирался в производительность реакт приложений?)

Кстати, никто ещё не упирался в производительность реакт приложений?)

Ты упёрся?

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

Может это интернет у тебя медленный? ?

У клиентов медленные компы

Типичный клиент - это 15+ открытых вкладок + запущен плеер

Поэтому у них медленно работает всё

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

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

Спасибо за полезные советы