а в nuxt он есть

👀

вуе как всегда отвратно

где делается вызов функции запроса?

Я знаю что тут хейтят РР, но мне концепция динамического роутинга нравится

В useEffect на клиенте

где делается вызов функции запроса?

признай что в ssr он лучше)

и где тогда ssr?

Так же как в react-Apollo, им и вдохновлялся собственно, только у меня под rest заточено

во View запросы делаются?

надо бы без либы

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

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

это я и так знаю

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

я же сказал перед рендером на клиенте

Так как ты себе представляешь чтобы это не прыгало? Сервер присылает верстку, браузер её рисует. Потом ты получаешь доступ к хранилищу браузера и перерисовываешь

ну элементарно, есть несколько способов, просто я еще хотел узнать чье-нибудь мнение. Есть вариант с куки, как написал Лопес, есть вариант не показывать вообще набор кнопок(или с заглушкой с такой же высотой) до момента получения конфига

Кто в курсе почему Roboto шрифт в 700 может сливаться?

Кто в курсе почему Roboto шрифт в 700 может сливаться?

Привет. какой загрузчик ts лучше использовать - awesome-typescript-loader или ts-loader ?

Бабель

можешь скинутьт ссыль на инфу или откуда ты это знаешь?

то есть типа { test: /\.(jsx+|tsx)$/, exclude: /(node_modules|bower_components)/, loader: "babel-loader", options: { presets: ["@babel/preset-env", "@babel/preset-react"] } }

Подскажите пожалуйста. У меня есть Panel.js в нем у меня подключение к сокетам const socket = new WebSocket("ws://localhost:3001"); useEffect(() => { socket.onmessage = msg => { const incomingMessage = msg.data; messages.push(incomingMessage); console.log(messages); }; }); useEffect(() => () => socket.close(), [socket]); socket.onopen = () => { setConnect(true); console.log("Connected"); }; Почему у меня 5 раз в консоль выводится Connected ?

потому что хук вызывается при каждом изменении передай ему 2-ой аргумент

в useEffect ? ]

да

ну если я например передам туда перменную const a = 10; и туда a поставлю

Я так и не понял в чем смысл хуков

Из hello word примеров не очевидны преимущества перед классами Возможно надо реальный проект пощупать

Переиспользуемость логики. В примерах прям все очевидно написано

А когда, функцию вне компонента объявляю, я же могу её юзать в разных компонентах например в конструкторах.. Чем такой варик хуже?

Я так и не понял в чем смысл хуков

чувак напиши сначала на обычном классе а потом уже пробуй переписать на хуки

Есть варианты подружить реакт с сео кроме сср?

пререндер

useEffect(() => { const fetchUserData = async () => { const { data } = await axios.post(url, { refToken: localStorage.getItem("refreshToken") }); if (data.status) { dispatch({ type: t.GET_USER, payload: data.message }); } else { console.log("error"); } }; fetchUserData(); }, [url]);

const fetchUserData = () => async (dispatch) => … ??

Это проблему не решает, уже пробовал

Еще подскажите мне, что это значит ? React Hook useEffect has a missing dependency: 'dispatch'.

в списке депенденсей отсутствует dispatch (fix -> [url, dispatch], либо заигнорить ошибку) куда еще очевиднее, чем просто перевести ошибку?

Дядь я перевел, я имел ввиду почему она, я думал я очевидно написал) извини), передавать dispatch мне сказали очень плохо, в этом чате, 2 дня назад, зато я туда и не передаю, но если передать - ошибки не будет.

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

Вот кому верить, тебе или тому кто сказал что это плохо)

а вообще для сео в связке ноджс и реакт выбирают nextjs?

я тут сегодня по этому поводу статью опубликовал https://habr.com/ru/post/473210/, next.js есть нюансы, но в 9й версии получше уже все

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

Смотри доки

а конкретнее?

Всем привет. Помогите с правилом для eslint , чтобы между функциями автоматически был пробел

Привет ! Как подключать SASS модули с localIdentName ? React 16.11. В туториале 2018-го пишут, что надо в webpack.config.js в module.export = { module: { rules: { { test: /\.css$/, use: [ require.resolve('style-loader'), { ... }