какой-то рандомный?

smoothscroll/README.md at master · iamdustan/smoothscroll · GitHub https://github.com/iamdustan/smoothscroll/blob/master/README.md

ty

Привеет)) Есть какой нибудь адекватный способ выбрасывать в инфинит скролле из дома все айтемы которые не видно и максимально быстро возвращать их?) Скажем у меня 5+ айтемов на роу и помещается 3 роу на монике и в каждом свой график на свг и таких айтемов в листе от 1к Иии да, lazy load реализован, но графики динамически обновляются и когда айтемов становится много начинается слайдшоу)) сделал инициализацию и анимацию только во вьюпорте но дом все равно большой и все равно отрисовка тяжелая

IntersectionObserver можно попробовать

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

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

addeventListener + debounce

Можно

Можно

как ?)

как ?)

Наврал, вроде бы нельзя

а как ты вообще себе это представляешь?

тебе же нужно один компонент представить во всех позах

парни, а щас уже можно юзать <> такой тег в реакте?

парни, а щас уже можно юзать <> такой тег в реакте?

babel7 нужен

ясно

а как ты вообще себе это представляешь?

ну на скрине пример, где мне это было бы удобно - иконки

парни, а щас уже можно юзать <> такой тег в реакте?

А че не фрагментц?

ну так прикольней

как то

в 16.2 или 16.3+ можно с 7 бабелем

ну на скрине пример, где мне это было бы удобно - иконки

ну иконки скорее всего тоже по категориям можно разбить

ну иконки скорее всего тоже по категориям можно разбить

проще показать все и добавить поиск с фильтром

вообщем можно или нет ?

скобка в onSubmit

скобку потерял выше

закрыть фигурную скобку над render

вернуть }

ахахахаах

точно

самый отзывчивый канал

спасибо)

называй файлы .jsx

@XaveScor @tanyaisinmybed а есть идеи как scrollIntoView заставить скроллить только контейнер вместо контейнера + окна?

чот дебилизм какой-то

@XaveScor @tanyaisinmybed а есть идеи как scrollIntoView заставить скроллить только контейнер вместо контейнера + окна?

Нет.

охуенно, спасибо

@XaveScor @tanyaisinmybed а есть идеи как scrollIntoView заставить скроллить только контейнер вместо контейнера + окна?

если у контейнера overflow-y: scroll, то можно дернуть у него el.scrollTo(0, 100)

Кто-нибудь использует eslint 5й версии? Если да, то с каким пресетом? Новый еслинт ругается на пресет от airbnb, говорит надо делать даунгрейд.

если у контейнера overflow-y: scroll, то можно дернуть у него el.scrollTo(0, 100)

ну вот этим щас и занимаюсь

Стесняюсь спросить нестинг это что?

Ребят привет, пытаюсь освоить реакт. Может кто подскажет почему, react router не рендерит компоненты? class App extends Component { render() { return ( <div> <AppBar position="static"> <Toolbar> <Typography variant="title" color="inherit"> BudgetApp Application </Typography> <div className="menu"> <Button variant="contained"> <Link to="/">Home</Link> </Button> <Button variant="contained"> <Link to="/budget">Budget app</Link> </Button> </div> </Toolbar> </AppBar> <div className="app"> <Switch> <Route exact path="/" compontent="{Home}" /> <Route path="/budget" compontent="{Budget}" /> <Route path="*" compontent="{NotFound}" /> </Switch> </div> </div> ); } }

Всем привет! Есть компонент который может в width: 100%, внутрь будет передана строка также неизвестного количества символов, задача вывести максимально много символов, может кто сталкивался? Шрифт не monospace

Ребят привет, пытаюсь освоить реакт. Может кто подскажет почему, react router не рендерит компоненты? class App extends Component { render() { return ( <div> <AppBar position="static"> <Toolbar> <Typography variant="title" color="inherit"> BudgetApp Application </Typography> <div className="menu"> <Button variant="contained"> <Link to="/">Home</Link> </Button> <Button variant="contained"> <Link to="/budget">Budget app</Link> </Button> </div> </Toolbar> </AppBar> <div className="app"> <Switch> <Route exact path="/" compontent="{Home}" /> <Route path="/budget" compontent="{Budget}" /> <Route path="*" compontent="{NotFound}" /> </Switch> </div> </div> ); } }

compontent="{Home}" ковычки не нужны

Кто-нибудь использует eslint 5й версии? Если да, то с каким пресетом? Новый еслинт ругается на пресет от airbnb, говорит надо делать даунгрейд.

так обнови до 17 версии пресет airbnb

compontent="{Home}" ковычки не нужны

кавычки убрал, но все так же

Спасибо, я делал натсройку через команду eslint —init и все варнинги были оттуда

Ребят привет, пытаюсь освоить реакт. Может кто подскажет почему, react router не рендерит компоненты? class App extends Component { render() { return ( <div> <AppBar position="static"> <Toolbar> <Typography variant="title" color="inherit"> BudgetApp Application </Typography> <div className="menu"> <Button variant="contained"> <Link to="/">Home</Link> </Button> <Button variant="contained"> <Link to="/budget">Budget app</Link> </Button> </div> </Toolbar> </AppBar> <div className="app"> <Switch> <Route exact path="/" compontent="{Home}" /> <Route path="/budget" compontent="{Budget}" /> <Route path="*" compontent="{NotFound}" /> </Switch> </div> </div> ); } }

а переход вообще работает? Вроде как надо линком оборачивать кнопку

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

сейчас попробую, просто на Link переделать

возможно сами страницы обернуты в connect

Всем привет! Есть компонент который может в width: 100%, внутрь будет передана строка также неизвестного количества символов, задача вывести максимально много символов, может кто сталкивался? Шрифт не monospace

https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ оно?

возможно сами страницы обернуты в connect

а это как проверить?

Всем привет Посоветуйте аналоги https://www.mockapi.io/ А то он последние дни лежит периодически, невозможно работать. Перешел вчера на mock server от постмана, но сейчас он тоже лагает ))

а это как проверить?

https://reacttraining.com/react-router/web/guides/redux-integration

а, redux нету там. Просто обычные компоненты, типа такого class Home extends Component { render() { return ( <div className="Home"> <h1>Home page</h1> </div> ); } } export default Home;

Всем привет Посоветуйте аналоги https://www.mockapi.io/ А то он последние дни лежит периодически, невозможно работать. Перешел вчера на mock server от постмана, но сейчас он тоже лагает ))

https://mimic.js.org/

а, redux нету там. Просто обычные компоненты, типа такого class Home extends Component { render() { return ( <div className="Home"> <h1>Home page</h1> </div> ); } } export default Home;

в Router все обернуто?

https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ оно?

Спасибо, думаю подходит

в Router все обернуто?

ReactDOM.render( <BrowserRouter> <App /> </BrowserRouter>, document.getElementById('root') ); это index.js А первый код был App

ERROR: S client not available

@win0err спасибо

lol нашел проблему

<Route exact path="/" compontent="{Home}" /> compontent => component

Стесняюсь спросить нестинг это что?

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

Всем привет! Подскажите, как в ‘create-react-app’ (после eject) обьявлять env-ы?

из-за чего можен не диспатчится ? редюсеры export default combineReducers({server: serverReducer, flashMessages: flashReducer}); const store = createStore( reducers, state, composeEnhancers(applyMiddleware(thunk)) ); const mapDispatchToProps = dispatch => { return { signupRequest: userData => dispatch(signupRequest(userData)), addFlashMessage: message => dispatch(addFlashMessage(message)) } } сам редюсер import { ADD_FLASH_MESSAGE } from './types'; import { generateId } from '../../../utils/common'; const flashReducer = (state = [], action) => { switch(action.type) { case ADD_FLASH_MESSAGE: return [...state, { id: generateId(), type: action.message.type, text: action.message.text }] default: return state; } } export default flashReducer; и экшен export function addFlashMessage(message) { return { type: ADD_FLASH_MESSAGE, message } } экшен выполняется, но редьсер не получает данные

из-за чего можен не диспатчится ? редюсеры export default combineReducers({server: serverReducer, flashMessages: flashReducer}); const store = createStore( reducers, state, composeEnhancers(applyMiddleware(thunk)) ); const mapDispatchToProps = dispatch => { return { signupRequest: userData => dispatch(signupRequest(userData)), addFlashMessage: message => dispatch(addFlashMessage(message)) } } сам редюсер import { ADD_FLASH_MESSAGE } from './types'; import { generateId } from '../../../utils/common'; const flashReducer = (state = [], action) => { switch(action.type) { case ADD_FLASH_MESSAGE: return [...state, { id: generateId(), type: action.message.type, text: action.message.text }] default: return state; } } export default flashReducer; и экшен export function addFlashMessage(message) { return { type: ADD_FLASH_MESSAGE, message } } экшен выполняется, но редьсер не получает данные

Покажи как экшн тригеришь

export function addFlashMessage(message) { return { type: ADD_FLASH_MESSAGE, message } }

не то

В компоненте, я имею в виду, как вызываешь?

onSubmit(e) { e.preventDefault(); this.props.signupRequest(this.state) .then(response => { store.set('auth', response.data); this.props.addFlashMessage({ type: 'success', text: 'Вы успешно зарегистрировались!' }) this.context.router.history.push('/'); } ) .catch(error => console.error(error)); }

экшен вызывается, но вот в редьсер не попадает

Не подскажите чатик по mobx?

Меня больше интересует, можно ли это делать в методе класса или это сайд эффект и обрабатывать его соответсвенно

Ну либо в методе, либо если у тебя редакс, то в санке

Думаю так

Думаю так

Не, в методе не стоит, я выяснил уже

Этот метод в хэндлер эвента кладешь?

Этот метод в хэндлер эвента кладешь?

Какой этот?

Ну про какой ты метод говоришь, может я не вдупляю

https://egghead.io/lessons/javascript-redux-displaying-error-messages Кроме этого способа, как вы еще обрабатываете ошибки в redux?

Всем привет! Подскажите, как в ‘create-react-app’ (после eject) обьявлять env-ы?

Коллеги здравия всем. Посоветуйте ресурс для изучения реакт, чтоб с примерами, задачами и объяснением как и для чего используется. Занимаюсь версткой сайтов, хочу изучить реакт, в нем совсем нуб, заранее благодарен

Коллеги здравия всем. Посоветуйте ресурс для изучения реакт, чтоб с примерами, задачами и объяснением как и для чего используется. Занимаюсь версткой сайтов, хочу изучить реакт, в нем совсем нуб, заранее благодарен

codedojo

Коллеги здравия всем. Посоветуйте ресурс для изучения реакт, чтоб с примерами, задачами и объяснением как и для чего используется. Занимаюсь версткой сайтов, хочу изучить реакт, в нем совсем нуб, заранее благодарен

у реакта дока шикарная

у реакта дока шикарная

На русском есть?

Как в react mapbox добавить дорогу и что бы api directions mapbox строил по ней путь?

На русском есть?

В реакт без знания инглиша? ??‍♂️

А как же читать твиты Абрамова и статьи на медиуме?

https://learn-reactjs.ru