Какой там сейчас БЭМ топовый для реакта?

а их два? БЭМа то есть.

Какой там сейчас БЭМ топовый для реакта?

bem-react-core v2

Ну там какие-то разные пакеты были

https://learn.javascript.ru/courses/react

иииииии где там курс?

иииииии где там курс?

написано же, через 2 недели запись

bem-react-core v2

яй … я просто руками пишу. надо посмотреть что там к чему.

https://learn.javascript.ru/courses/react

это разве Климова курс?

написано же, через 2 недели запись

1) Это платные курсы 2) Это не курс Климова. 3) Я возможно не точно выразился, если у кого ссылка на скачивание курса Климова.

на скачивание здесь нельзя размещать

1) Это платные курсы 2) Это не курс Климова. 3) Я возможно не точно выразился, если у кого ссылка на скачивание курса Климова.

пиратить не айс

я понял, ну пойду тогда закрою свою бытлку рома.

на скачивание здесь нельзя размещать

Я не знал, прошу прощения.

я понял, ну пойду тогда закрою свою бытлку рома.

Признавайся — в приват то уже сбросили :D

и далее заюзать это

Ещё на что то ужасное стоит обратить внимание в классе?

Признавайся — в приват то уже сбросили :D

на удивление нет, сам найду)

Ребят, как сделать метод внутри react компонента асинхронным? Для lifecycle методов вроде работает , а вот для обычных методов-хелперов ругается repl пишет make the method nameOfMethod() async first class someReactComponent extends Component { constructor(props) { super(props); this.state = {}; } // lifecycle async method async componentDidMount() { const res = await fetch('https://example.com') const something = await res.json() this.setState({something}) } // async custom method-helper/handler Вот так не работает async handleSubmit = () => { const persKey = await this.fetch('https://getSomeAPIdata.com'); this.redirectToUserPageWithThisID(persKey); }; render() { return ( <form> <Label> click me </Label> <Button onClick={handleSubmit}/> </form> ) } } }

Ребят, как сделать метод внутри react компонента асинхронным? Для lifecycle методов вроде работает , а вот для обычных методов-хелперов ругается repl пишет make the method nameOfMethod() async first class someReactComponent extends Component { constructor(props) { super(props); this.state = {}; } // lifecycle async method async componentDidMount() { const res = await fetch('https://example.com') const something = await res.json() this.setState({something}) } // async custom method-helper/handler Вот так не работает async handleSubmit = () => { const persKey = await this.fetch('https://getSomeAPIdata.com'); this.redirectToUserPageWithThisID(persKey); }; render() { return ( <form> <Label> click me </Label> <Button onClick={handleSubmit}/> </form> ) } } }

так js не работает, async надо писать перед функцией

Спасибо!

Ребзи а что делать если ui одинаковой для компонента, а данные совсем разные

Что ключи - пропсами кидать ?

Какой-то метод

Что ключи - пропсами кидать ?

Просто менять пропсы?

Просто менять пропсы?

Харит оборачивать это в компонент который будет это делать

У меня в дом дереве живет одновременно два инстанса одно и того же компонента

Харит оборачивать это в компонент который будет это делать

Структура данных разная или содержание?

Он знает о редаксе, да там структура совсем разная

И мне больно это все к одному виду приводить через селекторы

Ребят, как сделать метод внутри react компонента асинхронным? Для lifecycle методов вроде работает , а вот для обычных методов-хелперов ругается repl пишет make the method nameOfMethod() async first class someReactComponent extends Component { constructor(props) { super(props); this.state = {}; } // lifecycle async method async componentDidMount() { const res = await fetch('https://example.com') const something = await res.json() this.setState({something}) } // async custom method-helper/handler Вот так не работает async handleSubmit = () => { const persKey = await this.fetch('https://getSomeAPIdata.com'); this.redirectToUserPageWithThisID(persKey); }; render() { return ( <form> <Label> click me </Label> <Button onClick={handleSubmit}/> </form> ) } } }

в че ты сразу async render() не сделал? весело ж будет :)

и там внутри await!

Требования: ES6/7/8. Знание ES9 и 10 будет несомненным плюсом. Мне одному кажется это странным?

в че ты сразу async render() не сделал? весело ж будет :)

Ааахахахаххаах

Ору

Требования: ES6/7/8. Знание ES9 и 10 будет несомненным плюсом. Мне одному кажется это странным?

Возможно.

Требования: ES6/7/8. Знание ES9 и 10 будет несомненным плюсом. Мне одному кажется это странным?

ES infinity

в че ты сразу async render() не сделал? весело ж будет :)

Блин, а фейсбук трахаются что-то там. Всё же просто.

Требования: ES6/7/8. Знание ES9 и 10 будет несомненным плюсом. Мне одному кажется это странным?

Странно, обозначения по порядку уже не используются

Только года

Харит оборачивать это в компонент который будет это делать

По моему в терминологии редакса это как раз таки должен быть контейнер, который передаёт данные в компонент

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

И даже не парюсь что приходится ещё один компонент делать

Ты не совсем понял

Мне нужен один компонент с двумя разными коннектами

Ну это будет два контейнера которые рендерят один компонент

С разными данными

Не усложняй, потом будет проще код рефакторить

Ребят по использованию промисов с async функции вопрос: юзаю внутри реакт компонента так: fetchUserKey = async () => { const persKey = await this.fetch('https://getSomeAPIdata.com'); return persKey }; redirectToUserPage = () => { // вот тут как именно юзать асинхронную fetchUserKey с промисом ? // так как тут два случая либо http запрос 200 с результатом (promise resolve) // либо 404 (promise reject) без результата // как-то так? const persKey = await this.fetchUserKey(persKey).then( (resultOfCallResolvedPromise) => { }).catch( (resultOfCallRejectedPromise) => { console.log("error occured", resultOfCallResolvedPromise); window.location.href=`/notFoundPage` } внутри react компонента получается, что handleSubmit возвращает промис и там если http запрос успешный тогда промис resolved и редирект на страницу юзера по ID если результат http запроса 404 тогда промис rejected и редирект на /notFoundPage

Ребят по использованию промисов с async функции вопрос: юзаю внутри реакт компонента так: fetchUserKey = async () => { const persKey = await this.fetch('https://getSomeAPIdata.com'); return persKey }; redirectToUserPage = () => { // вот тут как именно юзать асинхронную fetchUserKey с промисом ? // так как тут два случая либо http запрос 200 с результатом (promise resolve) // либо 404 (promise reject) без результата // как-то так? const persKey = await this.fetchUserKey(persKey).then( (resultOfCallResolvedPromise) => { }).catch( (resultOfCallRejectedPromise) => { console.log("error occured", resultOfCallResolvedPromise); window.location.href=`/notFoundPage` } внутри react компонента получается, что handleSubmit возвращает промис и там если http запрос успешный тогда промис resolved и редирект на страницу юзера по ID если результат http запроса 404 тогда промис rejected и редирект на /notFoundPage

ты уж определись либо промисы либо async/await

не нужно юзать .then/.catch вообще, если есть async/await

это первое, а второе - не нужно все это делать внутри компонента - ни-ко-гда

просто в офиц доке написно, что async функция возвращает Промис вроде.

понял

бросаешь обычный экшин из компонента, безобидный котороый пролезет через стор и попадет в миддлваре типа thunk или saga

Не пиши столбиком

и вот там уже делай что хочешь

Не пиши столбиком

сори

просто в офиц доке написно, что async функция возвращает Промис вроде.

async это обертка над промисом

Лучше уж основы подучи если у тебя беда с понимаем промисов

не нужно юзать .then/.catch вообще, если есть async/await

поймать исключение в async вроде через catch делается

гайс, а кто-то видел похожие диаграмки https://github.com/koudelka/d3-message-sequence, но с таймлайном ?

поймать исключение в async вроде через catch делается

да но не через .catch

да но не через .catch

func().catch(error => console.log(error)) - можно так ловить async возращает промис

ERROR: S client not available

func().catch(error => console.log(error)) - можно так ловить async возращает промис

ну так async/await как раз и придумали, чтобы избавить людей от колбеков

try{ const response = await fetch(...) } catch(e) { ... }

async это обертка над промисом

там все не так просто на самом деле там конечно промис внутри есть, но основная суть в генераторах и FSM натуральной стейт машине

ну так async/await как раз и придумали, чтобы избавить людей от колбеков

ну как бы это не callback hell, все довольно чинно

ну как бы это не callback hell, все довольно чинно

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

там все не так просто на самом деле там конечно промис внутри есть, но основная суть в генераторах и FSM натуральной стейт машине

вроде там вся фишка в итераторах, потом генераторы, потом async

когда 2+ последовательных, это превратится во все тот же callback hell

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

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

По моему он говорит что нужно обновить SDK)

@reactnative_ru

Гайз, а есть у кого примеры энзим + формик? В доке какие то совсем примитвные примеры

Ну это будет два контейнера которые рендерят один компонент

Я ж сказал уже что мне лень делать обертки

Зачем ты тогда выбрал реакт, там одни обертки

Доброе время суток

Без рекламы левых групп

ребзя,а кто может подкинуть ссылку на исходники по которым можно примерно понять новичку,как пилить spa на реакте?Желательно по-проше что-нибудь.

ребзя,а кто может подкинуть ссылку на исходники по которым можно примерно понять новичку,как пилить spa на реакте?Желательно по-проше что-нибудь.

Любой туториал по реакту

Любой туториал по реакту

я имел ввиду что-нибудь сложнее, типа реакт+редакс+thunk+роутер+ещё что-нибудь

ого как сложно

ого как сложно

прошу не стебаться

я имел ввиду что-нибудь сложнее, типа реакт+редакс+thunk+роутер+ещё что-нибудь

Книга React и Redux. Функциональная веб разработка Бэнкса и еще кого-то там

Ток там бубеле стаге 2 вроде нужен

3

Книга React и Redux. Функциональная веб разработка Бэнкса и еще кого-то там

Вчера кидали в чат, поищи.

Там пиратская версия с февраля, глава про контекст устарела если чо

Может еще что-то, не помню

ребзя,а кто может подкинуть ссылку на исходники по которым можно примерно понять новичку,как пилить spa на реакте?Желательно по-проше что-нибудь.

Могу посоветовать курс от learn JavaScript по реакту, для старта самое оно, если нужно могу ссылку в приват кинуть

Могу посоветовать курс от learn JavaScript по реакту, для старта самое оно, если нужно могу ссылку в приват кинуть

просмотрен. Потому и прошу именно исходники)

@shitty_dev и мне кинь пожалуйста