@JSlang - страница 1843 - Telegram web archive

Nikolay

Не мутируй данные в старом контексте.

Я не совсем понял что ты имеешь в виду. Можешь объяснить подробнее?

Андрей

Я не совсем понял что ты имеешь в виду. Можешь объяснить подробнее?

У тебя через контекст должны пробрасываться константы. Текущее API не предусматривает изменение данных.

Nikolay

У тебя через контекст должны пробрасываться константы. Текущее API не предусматривает изменение данных.

а как сейчас работает тот же редакс?

Андрей

а как сейчас работает тот же редакс?

Ссылка на стор не меняется)

Андрей

У стора есть subscribe, через который происходит перерендер компонентов.

Nikolay

У стора есть subscribe, через который происходит перерендер компонентов.

ох, это жестко. Как лучше тогда сделать? Попробовать заменить работу с контекстом на редакс?

Nikolay

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

Андрей

ох, это жестко. Как лучше тогда сделать? Попробовать заменить работу с контекстом на редакс?

Да, это лучше.

Nikolay

Да, это лучше.

хех, выпиливал-выпиливал, чтобы вернуть в итоге обратно)

Maksim

как можно у свайпера узнать, инициализирован слайдер или нет? Чет копаюсь в апи, гуглю и нифига http://idangero.us/swiper/api/

Sergey

как можно у свайпера узнать, инициализирован слайдер или нет? Чет копаюсь в апи, гуглю и нифига http://idangero.us/swiper/api/

читай события

Sergey

в доке всё есть

Sergey

спецом открыл почитал

Maksim

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

Maksim

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

Sergey

ну запиши в инстанс значение

Sergey

и обновляй

Nikolay

Да, это лучше.

А может есть более подходящие вещи для такой задачи? Сама задача в том, что есть очень сложная форма. Я старался использовать с ней redux-form, но вышло еще более объемно и сложно. Есть один большой компонент который хранит состояние формы, дополнительные данные, и все кладет это в контекст. В нем же есть обработчики на изменение формы.

Maksim

а хотя, через событие будет лучше, спасибо)

Богдан

хех, выпиливал-выпиливал, чтобы вернуть в итоге обратно)

Необязательно брать сразу redux. Можно просто добавить в констекст метод subscribe и нужный компонент просто подпишется на обновления контекста. contextState = new ContextState({title: "some title"}) getChildContext(){ return this.contextState; } class ContextState { state = {}; subscribers = []; constructor(data = {}){ return this.update(data); } update(data){ Object.assign(this.state, data) this.subscribers.forEach(sub=>sub()); return this; } subscribe(component){ this.subscribers.push(component); return ()=>this.subscribers.splice(this.subscribers.indexOf(component), 1) } } //а в нужном копоненте добавляем подписку и отписку componentDidMount(){ this.subscription = this.context.subscribe(()=>this.forceUpdate()) } componentWillUnmount(){ this.subscription(); } //И дальше когда нужно обновить просто вызываем update который вызовет оповещение и перерендер нужных компонент contextState.update({title: "new title"})

Marat

можно чат реакт-редакс

Marat

Необязательно брать сразу redux. Можно просто добавить в констекст метод subscribe и нужный компонент просто подпишется на обновления контекста. contextState = new ContextState({title: "some title"}) getChildContext(){ return this.contextState; } class ContextState { state = {}; subscribers = []; constructor(data = {}){ return this.update(data); } update(data){ Object.assign(this.state, data) this.subscribers.forEach(sub=>sub()); return this; } subscribe(component){ this.subscribers.push(component); return ()=>this.subscribers.splice(this.subscribers.indexOf(component), 1) } } //а в нужном копоненте добавляем подписку и отписку componentDidMount(){ this.subscription = this.context.subscribe(()=>this.forceUpdate()) } componentWillUnmount(){ this.subscription(); } //И дальше когда нужно обновить просто вызываем update который вызовет оповещение и перерендер нужных компонент contextState.update({title: "new title"})

как писать текст кодом?

ruslan

как писать текст кодом?

` x3

Андрей

можно чат реакт-редакс

@react_js

Nikolay

Необязательно брать сразу redux. Можно просто добавить в констекст метод subscribe и нужный компонент просто подпишется на обновления контекста. contextState = new ContextState({title: "some title"}) getChildContext(){ return this.contextState; } class ContextState { state = {}; subscribers = []; constructor(data = {}){ return this.update(data); } update(data){ Object.assign(this.state, data) this.subscribers.forEach(sub=>sub()); return this; } subscribe(component){ this.subscribers.push(component); return ()=>this.subscribers.splice(this.subscribers.indexOf(component), 1) } } //а в нужном копоненте добавляем подписку и отписку componentDidMount(){ this.subscription = this.context.subscribe(()=>this.forceUpdate()) } componentWillUnmount(){ this.subscription(); } //И дальше когда нужно обновить просто вызываем update который вызовет оповещение и перерендер нужных компонент contextState.update({title: "new title"})

Спасибо за пример!

Anonymous

private animation(position: number, duration: number) { let then = Date.now(); const difference = position - document.body.scrollTop; let animationTime = 0; const callback = () => { const delta = Date.now() - then; then = Date.now(); if (animationTime < duration) { animationTime += delta; const move = difference / duration * delta; window.scrollTo(0, window.scrollY + move); // document.body.scrollTop += move; if (window.scrollY > position) { window.scrollTo(0, position); // document.body.scrollTop = position; } requestAnimationFrame(callback); } else { if (document.body) { window.scrollTo(0, position); } } }; requestAnimationFrame(callback); } ребят, почему не срабатывает анимация, а просто перекидывает в нужное место? проверяю в chrome

Sergei

Всем привет, помогите решить проблему. Есть класс в верстке <div class="game-page_field"></div> Средствами js в этот класс генерируется <div data-tid="Card" class="card"><img src="img/back.png" alt=""></div> После чего мне нужно, чтобы при клике на блок class="card" происходило какое - то действие, но проблема в том, что консоль совершенно ничего не выдает, ниже фрагмент кода функции и вызываемые объекты UserControll = { clickCard: function () { $("img").click(function () { console.log(this); }); } } UserControll.StartGame(); UserControll.restartGame(); UserControll.clickCard();

Anonymous

Ребят, кто-то делал планую прокрутку скролла с помощью requestAnimationFrame?

D_d

Делай плавную прокрутку с помощью zenscroll

Александр

зачем нужен зенскролл, когда есть полифилл к оффициальным апи ?) https://github.com/iamdustan/smoothscroll

Maxim

как строку '#ff0003' перевести в число 0xff0003?

Віталій

parseInt(c.substring(1), 16)

🦜

Тут кто-нибудь юзает nextjs + styled components?

Marta

#вакансия #middle #JavaScript Developer #remote #удалённо Занятость: полная #full_time Вилка от 1800$ до 3000$ Компания: #SysGears (Днепр) Стек: - Node.js - Angular, React - MySQL или PostgreSQL - CSS/SCSS/LESS, HTML5 - английский Intermediate (B1) Контакты: скайп milevskayamarta. Телеграм https://t.me/sysgears