есть какой-то best way создать блок, который можно закрыть? аля акордион, но с одним элементом, чтоб был "хедер", на который можно кликнуть и разкрыть элемент, и чтоб он плавно открывался.

html summary details

всем привет, подскажите можно ли сделать что бы create-react-app при сборке подгружал только часть файлов из папки public?

помогите с ошибкой плиз, есть такой компонент import React, { Component } from 'react'; import { Route } from 'react-router-dom'; import { Redirect } from 'react-router' class ProtectedRoute extends Component { render() { const { component: Component, ...props } = this.props return ( <Route {...props} render={props => ( this.state.formSubmitted ? <Component {...props} /> : <Redirect to='/notFound' /> )} /> ) } } export default ProtectedRoute; я беру этот роут и создаю в app.js где лежат мои роуты это render() { return ( <Router history={customHistory}> <div> <Header/> <Switch> <Route exact path="/" component={HomePage}/> <ProtectedRoute path='/thank-you' component={ThankYou} /> <Route path="*" component={NotFound} status={404}/> </Switch> <Footer/> </div> </Router> ); } но выдает ошибку при переходе на этот роут The above error occurred in the <ProtectedRoute> component:

помогите с ошибкой плиз, есть такой компонент import React, { Component } from 'react'; import { Route } from 'react-router-dom'; import { Redirect } from 'react-router' class ProtectedRoute extends Component { render() { const { component: Component, ...props } = this.props return ( <Route {...props} render={props => ( this.state.formSubmitted ? <Component {...props} /> : <Redirect to='/notFound' /> )} /> ) } } export default ProtectedRoute; я беру этот роут и создаю в app.js где лежат мои роуты это render() { return ( <Router history={customHistory}> <div> <Header/> <Switch> <Route exact path="/" component={HomePage}/> <ProtectedRoute path='/thank-you' component={ThankYou} /> <Route path="*" component={NotFound} status={404}/> </Switch> <Footer/> </div> </Router> ); } но выдает ошибку при переходе на этот роут The above error occurred in the <ProtectedRoute> component:

не вижу в ProtectedRoute пропс, твоя переменная props не определена

@reactnative_ru

Кто использует Parcel для сборки. Сталкивались с такой ошибкой? $.isMergeableObject is not a function Как фиксить?

как ни гуглил, и с конкретной строкой, и с подвыражениями, ничего не нашел( это он внутри себя бросил? я бы начал прочесывать stacktrace и исходники

в деве все окей, блин, чо за ошибка непонятная

0 багов за все время было у меня с кра

а боли?

Кра не для прода, говорили они

это первый раз с parcel такое

Тоже, я не страдаю кастомизацией

Привет, подскажите, плз, как менять стили компонентов при нажатие на элемент в стиле ректа? А не через jQuery

через стейт?

Привет, подскажите, плз, как менять стили компонентов при нажатие на элемент в стиле ректа? А не через jQuery

Это если элемент является чайлдом. А если мне нужно один компонент схлопнуть а другой развернуть?

наследование, можешь передать this, функцию с force update если ваще надо изошьриться

всех с праздником) подскажите, кто-то использовал какие-то готовые решения для быстрого создания чата ? срок поджимает, мвп небольшой: окно чата, список чатов и по мелочи к ним "прилегающее" посоветовать можете либы хорошие ?

Вёрстка дефолтного чата с пузырьками и аватарками занимает 4 часа, работа с сокетами от 4 до 20 в зависимости от удобства представления данных и требуемого функционала. Не нужны тут готовые решения.

Вёрстка дефолтного чата с пузырьками и аватарками занимает 4 часа, работа с сокетами от 4 до 20 в зависимости от удобства представления данных и требуемого функционала. Не нужны тут готовые решения.

всех с праздником) подскажите, кто-то использовал какие-то готовые решения для быстрого создания чата ? срок поджимает, мвп небольшой: окно чата, список чатов и по мелочи к ним "прилегающее" посоветовать можете либы хорошие ?

http://quickblox.com глянь это

а ты оптимист

Вёрстка дефолтного чата с пузырьками и аватарками занимает 4 часа, работа с сокетами от 4 до 20 в зависимости от удобства представления данных и требуемого функционала. Не нужны тут готовые решения.

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

Лол. Чат за 20 часов. Телегу за 24 сделаешь?

Пойдёшь учиться работать в темпе или дальше будешь тратить время на доказательства неуверенности в собственных силах?

Лол. Чат за 20 часов. Телегу за 24 сделаешь?

всех с праздником) подскажите, кто-то использовал какие-то готовые решения для быстрого создания чата ? срок поджимает, мвп небольшой: окно чата, список чатов и по мелочи к ним "прилегающее" посоветовать можете либы хорошие ?

https://css-tricks.com/build-a-chat-app-using-react-hooks-in-100-lines-of-code/

Пойдёшь учиться работать в темпе или дальше будешь тратить время на доказательства неуверенности в собственных силах?

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

Не надо без хеша асеты хранить...

В microtime норм практика записывать?

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

Подскажите библиотеку для анимации реакт компонентов при скроле

Подскажите библиотеку для анимации реакт компонентов при скроле

Я просто пробывал использовать scroll magic, но ни в какую не могу настроить вызов колбека при "выходе" из области элемента

может кто подскажет, как можно удалять атрибуты data-test-id для production при использовании create-react-app ?

https://github.com/oliviertassinari/babel-plugin-react-remove-properties/blob/master/README.md но придётся делать eject. Плюс вроде как если аттрибут undefined то он не попадает в DOM. Можно что-то типа data-test={process.env.NODE_ENV === “production” ? undefined : value} попробовать

да вот такие варианты только и находил, наверное по другому никак, спс!

может кто подскажет, как можно удалять атрибуты data-test-id для production при использовании create-react-app ?

А зачем их удалять?