Спасибо, будем готовиться

Подскажите,почему выводится в console не то? А точнее в user_email выводится данные которые я ввожу в поле пароля https://codesandbox.io/s/blazing-cache-v8x9c

в чем ошибка? кто подскажет?

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

В основном ничего не спрашивают про реакт. Только язык и алгоритмы. Это по моему опыту)

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

жизненный цикл компонента и их композицию, это по моему опыту

В основном ничего не спрашивают про реакт. Только язык и алгоритмы. Это по моему опыту)

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

Привет. Можно как-то по умному интероп с localStorage сделать, чтоб динамически все подтянуть? Без либок

Подскажите,почему выводится в console не то? А точнее в user_email выводится данные которые я ввожу в поле пароля https://codesandbox.io/s/blazing-cache-v8x9c

Пустой сандбокс-то

Пустой сандбокс-то

странно,у меня открывается(

странно,у меня открывается(

ctrl+s нажал на всех файлах?:

А, вот, открылось

handleChange = event => { this.setState({ user_email: event.target.value, user_password: event.target.value }); };

Получился вот такой код, он мне не очень нравится. Можно как-то упростить?

странно,у меня открывается(

Понял?

Понял?

+

Для каждого поля свой хэндлер

а стоп

Должен быт

У тебя при инпуте в любое из полей вызывается одно и то же - заполнение всех полей стейта значением изменяемого поля

Можешь провести эксперимент - сначала заполнить пароль, а потом емейл - в объекте у всех полей будет емейл

А если к примеру у меня 60 полей будет? мне надо будет создавать для каждого поля отдельно хэндлер? или есть общий какой-то сбор?

что б взять и отправить пачкой все что в форме

А если к примеру у меня 60 полей будет? мне надо будет создавать для каждого поля отдельно хэндлер? или есть общий какой-то сбор?

конечно общий

что б взять и отправить пачкой все что в форме

formik

если 60 полей, то юзай редкс форм - удобней

А если к примеру у меня 60 полей будет? мне надо будет создавать для каждого поля отдельно хэндлер? или есть общий какой-то сбор?

Так или иначе - для каждого поля будет хэндлер. Каким-то образом это будет сгенерировано за тебя, но по-факту - да.

имхо ему нужно понять как работать с формами, ему не нужны другие инстументы, которые помогают с ними работать

А если к примеру у меня 60 полей будет? мне надо будет создавать для каждого поля отдельно хэндлер? или есть общий какой-то сбор?

https://codesandbox.io/s/naughty-heisenberg-4ze2w?fontsize=14

Не претендую на лучший вариант, но работает

Не претендую на лучший вариант, но работает

Спасибо

-

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

Здесь прекрасно все: дефолт экспорты, запросы в рендере, JWT в локалсторадже для авторизации, класс-компонент апи, редакс

🙈

тем не мение проблема не в этом)

тем не менее, чат по вебпаку там) @webpack_ru

Здесь прекрасно все: дефолт экспорты, запросы в рендере, JWT в локалсторадже для авторизации, класс-компонент апи, редакс

Таки чтоплохого в дефолтэкспортах?

Таки чтоплохого в дефолтэкспортах?

https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/

Таки чтоплохого в дефолтэкспортах?

надо faq заводить уже)

Таки чтоплохого в дефолтэкспортах?

у них отвратительный DX

https://blog.neufund.org/why-we-have-banned-default-exports-and-you-should-do-the-same-d51fdc2cf2ad

Я знал, что удастся засаммонить тебя

Спасибо

тем не менее, чат по вебпаку там) @webpack_ru

там не ответили )

там не ответили )

штош это же не значит, что надо бомбить этим все чаты в округе stackoverflow, issue в вебпаке, хз

Помогите понять, есть компонент content к нему подключаю компонент a и к нему подключаю компонент b почему компонент b рендерится несколько раз?

Помогите понять, есть компонент content к нему подключаю компонент a и к нему подключаю компонент b почему компонент b рендерится несколько раз?

Это нормальное явления?

Всем привет, делаю авторизацию через passport js oauth vk клиент на react как можно вывести окно авторизации в реакт?

Или отправлять данные из реакт формы, а уже на ноде делать запрос авторизации?

Помогите понять, есть компонент content к нему подключаю компонент a и к нему подключаю компонент b почему компонент b рендерится несколько раз?

Код покажи.

Подскажите, работает ли --fix в stylelint? Может примерчик есть? 😇

Всем привет, делаю авторизацию через passport js oauth vk клиент на react как можно вывести окно авторизации в реакт?

что значит "вывести окно в реакт"?

Код покажи.

https://stackblitz.com/edit/react-aliexpress-fuxhup?embed=1&file=src/product/recommend/recommendlist.js

Привет всем. Здесь случайно нет знатоков rxjs?

Привет всем. Здесь случайно нет знатоков rxjs?

это в чатик по ангуляру надо )) там это мастхев. В чем вопрос?

что значит "вывести окно в реакт"?

Логика такая, я нажимаю кнопку авторизоваться по ВК, меня перебрасывает на страницу авторизации, ввожу логин пароль, даю доступ своему приложению в вк, потом происходит редирект

И вопрос на каком этапе возник?

Я использую passport vk меня обратно не перебрасывает на react сервер

Я использую passport vk меня обратно не перебрасывает на react сервер

что такое реакт-сервер?

Локальный

Что-то я совсем уже туплю

Так это вопрос не к реакту - надо смотреть настройки компонента, там обычно указывается returnUrl

Ааа вот я дурак, рили подставлю адрес локального сервера

Спасибо

Публикую с разрешения @sovasergey Приглашаю вас 14 сентября на митап по Frontend в Воронеж ✅Участие бесплатное ✅Регистрация через форму на сайте metaconf.net Темы докладов: - Nuxt.js: миллион полезных мелочей для Vue.js фронтенда - React: поднятие состояния (lifting state up) и как не выстрелить себе в ногу - Микросервисы на фронтенде - Атипичный Angular Почему стоит пойти? Чтобы понимать, через какие технологии можно реализовать свои крутые идеи и как не ошибиться в выборе инструментов. Вас ждут крутые доклады, пицца, активности с подарками от организаторов. Локация: Воронеж, Кольцовская ул., 24Д, (Пространство ВИНЗАВОД) #frontend #dataArt #evrone #metaconf_vrn #фронтенд #vrn #web_development#разработка #frontend_meetup

Кто не попадет на митап вживую, не расстраивайтесь. Можно будет потом посмотреть доклады в записи на нашем Youtube канале

Есть ли какие-нибудь таблицы на Реакте, которые будут работать, как в exel? То есть можно столбцы расширять и сужать

Не подскажите как сменить IncorrectName, которое отображается в командной строке? IncorrectName:~ user$

Не подскажите как сменить IncorrectName, которое отображается в командной строке? IncorrectName:~ user$

это как к реакту относится?

это как к реакту относится?

пытаюсь приложение на реакте запустить

пытаюсь приложение на реакте запустить

гугли как менять prompt в твоём bash/zsh/sh и прочих шеллах

Привет. Кто юзал Chart.js в Реакте? Пишет, что не может найти контекст, в котором отрисовать график, насколько понимаю. В компоненте в render() есть строка canvas id='myChart' width='400' height='400'></canvas>. Выше render() переменная const chart = new Chart(document.getElementById('myChart'), { type: 'line', data: chartData }); Почему ошибка отображения графика? И можно использовать document.getElementById('myChart') ?

гугли как менять prompt в твоём bash/zsh/sh и прочих шеллах

спасибо

Привет. Кто юзал Chart.js в Реакте? Пишет, что не может найти контекст, в котором отрисовать график, насколько понимаю. В компоненте в render() есть строка canvas id='myChart' width='400' height='400'></canvas>. Выше render() переменная const chart = new Chart(document.getElementById('myChart'), { type: 'line', data: chartData }); Почему ошибка отображения графика? И можно использовать document.getElementById('myChart') ?

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

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

Ok. Как исправить?

Если у тебя классовый компонент, то вынеси этот инжект в componentDidMount

Если у тебя классовый компонент, то вынеси этот инжект в componentDidMount

У меня функциональный на хуке. useEffect() ?

да

Какой лучший способ глубокого копирования объекта, чтобы все внутренние объекты тоже скопировались?

Зависит от объекта и его составляющих