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

Там прикол не в абстракциях, а в декларативном подходе

Если интересно, то недавно на React.Europe Ли Байрон рассказывал про это очень красиво

https://youtu.be/oTcDmnAXZ4E

После сравнения grunt/gulp декларативный подход как ругательство

Почему может быть не доступно свойство push? this.props.history.push(‘/‘) На других страницах все работает

Почему может быть не доступно свойство push? this.props.history.push(‘/‘) На других страницах все работает

может хистори недоступно?

После сравнения grunt/gulp декларативный подход как ругательство

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

Почему может быть не доступно свойство push? this.props.history.push(‘/‘) На других страницах все работает

withRouter нет на этой странице, например

Или переопределил history где-то

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

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

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

На первом можно декларативно писать ? Мне к счастью пришлось совсем немного с ним поработать, наверное можно. Но мне он показался совсем не логичным

На первом можно декларативно писать ? Мне к счастью пришлось совсем немного с ним поработать, наверное можно. Но мне он показался совсем не логичным

ну слушай, "непонятно"/"нелогично" это не синонимы для "недекларативно" Ангуляр это то грубо говоря такая же декларативная абстракция над ДОМом, как и реакт, как и эмбер, как и вью и прочее При этом в ангуляре есть two-way data-binding, что было киллер-фичей несколько лет назад, а теперь на этот паттерн посматривают с осторожностью И в целом первый ангуляр это фреймворк со своим наобором плюсов и своим наобором минусов. Многие эти минусы оставили у людей осадок Но блин, понимай термины которые говоришь

Есть массив новостей в стейте редакса. Как в этот массив добавить значения из другого массива? Проблема в том, что от апи приходит массив записей, и когда я делаю вот так, то в массив редакса добавляется еще один массив. Как это исправить? https://i.imgur.com/zlyVWms.png

state.newList.concat(actions.payload)

state.newList.concat(actions.payload)

Спасибо

state.newList.concat(actions.payload)

Лучше ...

Лучше ...

конкат лучше смотрится

state.newList.concat(actions.payload)

а как добавить их в конец массива? а то они вставляются перед старыми

а как добавить их в конец массива? а то они вставляются перед старыми

местами поменяй

местами поменяй

точно?

Есть массив новостей в стейте редакса. Как в этот массив добавить значения из другого массива? Проблема в том, что от апи приходит массив записей, и когда я делаю вот так, то в массив редакса добавляется еще один массив. Как это исправить? https://i.imgur.com/zlyVWms.png

у тебя на скриншоте всё правильно

не считая слова actions во множественном числе

у тебя на скриншоте всё правильно

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

у тебя на скриншоте всё правильно

а, нет, не совсем, payload видимо массив

а, нет, не совсем, payload видимо массив

именно

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

ты хотел написать return { ...state, newsList: [...state.newsList, ...action.payload], };

https://habr.com/post/359368/

https://habr.com/post/359368/

эм, как я понимаю автор не нашёл https://www.npmjs.com/package/gh-pages

эм, как я понимаю автор не нашёл https://www.npmjs.com/package/gh-pages

Это для локальной машины

а что ещё нужно-то, раз речь о gh-pages

Прогонять билд и тесты на CI сервере, что бы не напрягать локальную машину?

Прогонять билд и тесты на CI сервере, что бы не напрягать локальную машину?

да желания и цели разные могут быть, конечно; и если у тебя что-то серьёзное живёт на gh-pages и это надо прогонять через, то наверное вариант норм Но если прочитать первые предложения из статьи, где автор описывает проблему, то понятно, что он просто не придумал, как запушить в ветку то, что попадает в .gitignore

да желания и цели разные могут быть, конечно; и если у тебя что-то серьёзное живёт на gh-pages и это надо прогонять через, то наверное вариант норм Но если прочитать первые предложения из статьи, где автор описывает проблему, то понятно, что он просто не придумал, как запушить в ветку то, что попадает в .gitignore

=P

Я вообще статью не читал =D

И как видишь travis ci он использовал как интрумент для решения этой проблемы; т.е. использовать его не было изначально необходимости

но, подумал, что многим тут будет полезно

Я вообще статью не читал =D

:))

трабла в том

что это надо руками все деплоить

а так она показывает пример автоматизации деплоя

Ну вообще статья, наверное, хорошо зайдет новичкам, да

а так она показывает пример автоматизации деплоя

да блин, ещё раз, речь о gh-pages скрипта npm run deploy тут достаточно )

да блин, ещё раз, речь о gh-pages скрипта npm run deploy тут достаточно )

Начинать-то с чего-то нужно

Если ты придешь джуном и будешь знать что такое и как работает CI - это будет гуд

Начинать-то с чего-то нужно

когда смещение понятий и целей идёт, от этого пользы никому нет ты вот знаешь, зачем CI нужен, а тот, кто не знает, прочитав статью увидит только что это что-то для "webpack-приложения" (омг) и гитхаба

когда смещение понятий и целей идёт, от этого пользы никому нет ты вот знаешь, зачем CI нужен, а тот, кто не знает, прочитав статью увидит только что это что-то для "webpack-приложения" (омг) и гитхаба

?‍♂️ Записал себе в заметки написать статью о CI & CD для джунов

В react-router-config нет возможности сделать какую либо проверку и отрендерить роут (что странно, кейс лекгий, даже pr у них не висит) Сделал так, есть лучше решения ? <Switch> <Route exact path="/" render={props => ( isAuthenticate ? ( <Redirect to='/home'/> ) : ( <Redirect to='/auth'/> ) )}/> { isAuthenticate ? ( renderRoutes(this.props.route.protectedRoutes) ) : ( renderRoutes(this.props.route.routes) ) } </Switch>

?‍♂️ Записал себе в заметки написать статью о CI & CD для джунов

уже есть https://codeburst.io/ci-cd-with-github-travis-ci-and-heroku-e088a24f32ef

уже есть https://codeburst.io/ci-cd-with-github-travis-ci-and-heroku-e088a24f32ef

Надо на русский

В react-router-config нет возможности сделать какую либо проверку и отрендерить роут (что странно, кейс лекгий, даже pr у них не висит) Сделал так, есть лучше решения ? <Switch> <Route exact path="/" render={props => ( isAuthenticate ? ( <Redirect to='/home'/> ) : ( <Redirect to='/auth'/> ) )}/> { isAuthenticate ? ( renderRoutes(this.props.route.protectedRoutes) ) : ( renderRoutes(this.props.route.routes) ) } </Switch>

а зачем им это добавлять

просто свой хок напиши и все

Надо на русский

спорно)

Надо на русский

зачем

Ой все

Это я точно не собираюсь тут обсуждать

habr не нужен...

самые классные статьи по фронту сейчас вроде на medium живут

на хабре что то вообще тишина, только ruvds переводы фигарит)

а зачем им это добавлять

В плане зачем мне делать хок еще и для этого, если внутри renderRoute может делать проверку, что то типо : { path: '/home', component: HomePage, matches: args => checkAuth(args) }

Просто пишишь свою "валидацию" и все

дальше дочерние пропускаешь

а сори это ж react-router-config

не заметил что это конфиг

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

а, стоп, там уже кто то делал пр, но его закрыли

https://github.com/ReactTraining/react-router/issues/4962

Это не входит в их идеологию

Что объяснимо в случае с react-router-dom и губит на корню нафиг всю идею react-router-config и react-router-redux

Забудьте про защищённые роуты в репозитории react-router, авторы не желают их видеть

В чем основная разница между react-router и next js?

в nextjs без плагинов с роутерами все плохо)

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

в nextjs без плагинов с роутерами все плохо)

да норм с кастомным сервером

в nextjs без плагинов с роутерами все плохо)

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

второе лучше

Мне метаболизм и образ жизни не позволяет лишний вес набрать

может хистори недоступно?

добавил import createHistory from 'history/createBrowserHistory' const history = createHistory() <Provider store={store} history={history}> и вызываю в экшине export function logout() { return async (dispatch) => { try { await AsyncStorage.removeItem(TOKEN_KEY) this.props.history.push('./') return dispatch({ type: 'LOGOUT' }) } catch (e) { throw e } } }

Где туплю?

Где туплю?

откуда в экшене this.props?

добавил import createHistory from 'history/createBrowserHistory' const history = createHistory() <Provider store={store} history={history}> и вызываю в экшине export function logout() { return async (dispatch) => { try { await AsyncStorage.removeItem(TOKEN_KEY) this.props.history.push('./') return dispatch({ type: 'LOGOUT' }) } catch (e) { throw e } } }

Это реакт нейтив?

Это реакт нейтив?

react-native-web )

react-native-web )

Че

откуда в экшене this.props?

как получить в экшине ?

Че

https://necolas.github.io/react-native-web/storybook/?selectedKind=Components&selectedStory=ActivityIndicator&full=0&addons=0&stories=1&panelRight=0

как получить в экшине ?

getState мож?

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

как получить в экшине ?

импортировать хистори

А кто использовал focal и что в нем вас не устроило? https://github.com/grammarly/focal

А кто использовал focal и что в нем вас не устроило? https://github.com/grammarly/focal

ты и правда любишь все новое пробовать :D

Да ей год уже

ну значит зачем такое старье нужно)