Можешь сниппет закинуть

И стилей тоже

?

А куда можно закинуть код реакта?

Да просто скрин сделай, где ты апплаишь классы и где сами стили описаны

Щас

Господа, можете покидать ссылки на хорошие статьи о хуках с тщательным анализом преимуществ и недостатков?

А то мне на митапе внутри компании выступать. А один синьер похоже настроен похоливарить

Да просто скрин сделай, где ты апплаишь классы и где сами стили описаны

Вот, тут не весь код

scss не модно уже?

scss не модно уже?

Я только начинающий, не знаю ещё все фишки

в каком месте препроцессор фишка уже?

https://appdividend.com/wp-content/uploads/2018/06/Redux-React-Axios-Redux-Thunk-Tutorial-With-Example-450x300.png

пацаны, смотрю на redux-thunk и не могу понять, откуда тут берется dispath? прокидывается само, потому что я добавил redux-thunk в middleware? и как оно понимает, что тут нужно прокинуть dispath, а в каком то другом случае - нет? это же просто ф-ция которая возвращает другую ф-цию. Или dispatch прокидывается для всех случаев, когда я в компоненте вызываю dispatch(someAction)?

в каком месте препроцессор фишка уже?

🤦🏻‍♂️ ладно я не умею пользоваться препроцессорами

scss не модно уже?

Модно! НО в нитивном css тоже можно создавать переменные и делать всякие фишки! В моем понимании scss только для больших проектов

Я пробовал так, но в таком случае анимация не работает

Хм

Я что-то не вижу

Или вижу, но выглядит странновато

А где описаны . container

И .right-panel-active

.container { width: 768px; max-width: 100%; min-height: 480px; background-color: #fff; border-radius: 10px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); position: relative; overflow: hidden; } .container.right-panel-active .overlay-container{ transform: translateX(-100%); } .container.right-panel-active .overlay { transform: translateX(50%); } .container.right-panel-active .overlay-left { transform: translateX(0); } .container.right-panel-active .overlay-right { transform: translateX(20%); }

transition-duration

В . container

https://codesandbox.io/s/dark-pond-de6e7 Вот тут подробный код

Здравствуйте! Что лучше formik или redux form?

Здравствуйте! Что лучше formik или redux form?

Я это использую https://react-hook-form.com/. Меньше писать, по мне

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

Да

Да

спасибо

Здравствуйте! Что лучше formik или redux form?

файнал форм

И чем же?

И чем же?

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

Ок

Я ловил баги. Сильно не разобрался, но 99% кейсов решается по доке

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

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

покажи код

покажи код

уже не могу все, кусок скрина был

уже не могу все, кусок скрина был

проп с инпутов приходил в компонент <Query > ?

проп с инпутов приходил в компонент <Query > ?

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

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

Инпуты контролируемые и стейт вверху?

Инпуты контролируемые и стейт вверху?

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

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

Я бы просто вынес в компонент все что внутри компонента <Query включая его. И явно передавал бы пропсом фильтр. Там внтури уже бы брал хуки. Ну это если правильно понял твой кейс....

Всем привет. Папка Components лежит параллельно с кастомной Lib. Можно ли сделать относительный путь импортов из Lib в Components? (чтоб не писать точки)

Всем привет. Папка Components лежит параллельно с кастомной Lib. Можно ли сделать относительный путь импортов из Lib в Components? (чтоб не писать точки)

Не любишь точки?

Всем привет. Папка Components лежит параллельно с кастомной Lib. Можно ли сделать относительный путь импортов из Lib в Components? (чтоб не писать точки)

babel-plugin-module-resolver

babel-plugin-module-resolver

спасибо

Привет, как правильно сделать опцию в списке, которую нельзя выделить, по типу "Выберите товар"?

я знаю что в обычном html через disabled но возможно в реакте как-то по-другому нужно?

не важно, уже нашёл решение, <option disabled value="" selected>

Привет всем! Кто-то может оценить код и подсказать что не так? https://codesandbox.io/s/throbbing-dawn-r5ye5

Народ, подскажите плз. Пытался настроить webpack aliases . Теперь при запуске webpack ошибка Support for the experimental syntax 'dynamicImport' isn't currently enabled (25:39): в package.json прописано "babel": { "presets": [ "@babel/env", "@babel/react" ], "plugins": [ "@babel/plugin-syntax-jsx", "@babel/plugin-syntax-dynamic-import", "@babel/plugin-proposal-class-properties" ] } в webpack.config.js resolve: { extensions: [ '.js','.jsx' ], alias: { app: path.resolve( __dirname, './src' ), '@': path.join(__dirname, '/node_modules'), } },

Господа, можете покидать ссылки на хорошие статьи о хуках с тщательным анализом преимуществ и недостатков?

https://overreacted.io/react-as-a-ui-runtime/ https://overreacted.io/a-complete-guide-to-useeffect/

спасибо

Всем привет кто может подсказать какие настройки надо добавить в конфиг typescript что бы можно было 2 строчки в обьеденить в одну import * as React from 'react'; import { useState } from 'react';

Всем привет кто может подсказать какие настройки надо добавить в конфиг typescript что бы можно было 2 строчки в обьеденить в одну import * as React from 'react'; import { useState } from 'react';

@ts_ru

Всем привет кто может подсказать какие настройки надо добавить в конфиг typescript что бы можно было 2 строчки в обьеденить в одну import * as React from 'react'; import { useState } from 'react';

А вообще, пишу React.useState, батя грит малаца

А вообще, пишу React.useState, батя грит малаца

👍

Всем привет кто может подсказать какие настройки надо добавить в конфиг typescript что бы можно было 2 строчки в обьеденить в одну import * as React from 'react'; import { useState } from 'react';

А просто запятую поставить пробовал?

Всем привет кто может подсказать какие настройки надо добавить в конфиг typescript что бы можно было 2 строчки в обьеденить в одну import * as React from 'react'; import { useState } from 'react';

import React, {useState} from "react" ? Для чего as нужен тебе?

Да, я забыл строчку в typescript config указал

"esModuleInterop": true,

@andrewkslv классная фамилия

@andrewkslv классная фамилия

Благодарю.

Ринофима

Привнт можете помочь в React axios В console получаю данные но не могу вывести их можете помочь

Ты в стейт данные ложишь в persons, а берёшь напрямую из state

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

Ты в стейт данные ложишь в persons, а берёшь напрямую из state

Как правильно сделать можете помочь

Как правильно сделать можете помочь

Правильно просто поучить тщательнее и больше JavaScript, а потом вернись к этим делам в react

Как правильно сделать можете помочь

Попробуй отбращаться к persons.id, а не к data.id. Ты res.data присвоил к persons

Попробуй отбращаться к persons.id, а не к data.id. Ты res.data присвоил к persons

Сделал тоже так

this.persons.id тоже ошибка

this.state.persons.id

Тоже ошибка

Да блин. Без data. Просто this.state.persons.id