react router 21.6 как бы. Что меньше тогда?
react-router-dom 28.9
router5 28.9
Я свой роутер написал, 3.5кб
Mikhail
Дима
Всем привет. babel-macro кто использовал? использую create-react-app + styled-components. Как сделать конфиг для прода и для дев? babel-plugin-macros используют cosmiconfig. А у него нет разделения на окружения. В обычно бабеле я мог сделать что то типо такого:
module.exports = {
presets: ["react-app"],
plugins: ["react-hot-loader/babel", "styled-components"],
env: {
development: {
plugins: [
[
"styled-components",
{
displayName: true,
},
],
],
},
},
}
как это нет, cosmicconfig означает, что ты можешь юзать .babel-plugin-macrosrc.js
Дима
Всем привет. babel-macro кто использовал? использую create-react-app + styled-components. Как сделать конфиг для прода и для дев? babel-plugin-macros используют cosmiconfig. А у него нет разделения на окружения. В обычно бабеле я мог сделать что то типо такого:
module.exports = {
presets: ["react-app"],
plugins: ["react-hot-loader/babel", "styled-components"],
env: {
development: {
plugins: [
[
"styled-components",
{
displayName: true,
},
],
],
},
},
}
https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/user.md#config-experimental
Виктор
настоящий роутер должен весить 200 байт
-
@ZeroBias да, юзаю, но там нельзя писать как в примере конфига выше ( для дев и прода настройки)
Дима
настоящий роутер должен весить 200 байт
export const useRouter = () => {
console.error("no")
process.exit(1)
}
Дима
@ZeroBias да, юзаю, но там нельзя писать как в примере конфига выше ( для дев и прода настройки)
if (process.env.NODE_ENV === 'production')
MVD
export const useRouter = () => {
console.error("no")
process.exit(1)
}
С поддержкой ssr 👍
Mikhail
Можно ссылку на него?
Можно, но документацию я пока не писал https://github.com/wizzardo/react-ui-basics/blob/master/src/react-ui-basics/router/Route.js может сегодня добавлю
-
@ZeroBias ммм, писал, сейчас понял, что очепятался... спасибо.
Stas
react router 21.6 как бы. Что меньше тогда?
react-router-dom 28.9
router5 28.9
если не ошибаюсь в react-router-dom есть все необходимые методы и посволяют не ставить react-router отдельно
MVD
Можно, но документацию я пока не писал https://github.com/wizzardo/react-ui-basics/blob/master/src/react-ui-basics/router/Route.js может сегодня добавлю
componentWillMount депрекейтит же, и как свой history добавить?
MVD
Stas
react-little-router
Mikhail
componentWillMount депрекейтит же, и как свой history добавить?
Хм, нужно значит обновить на didMount
MVD
Хм, нужно значит обновить на didMount
Ты написал конкретно под свою задачу, поэтому он и весит 3кб, но функицональность очень маленькая
Mikhail
Ты написал конкретно под свою задачу, поэтому он и весит 3кб, но функицональность очень маленькая
Умеет переменные, умеет матчить конкретный урл или все начинающиеся с, далее отрицание есть
Mikhail
Вложенность тоже походу не умеет
На вложенность ему пофиг, урл нужно задавать абсолютный, да, но если родительский роут не матчится, то и чайлды отвалятся
Mikhail
Вложенность тоже походу не умеет
Можно кстати родительский роут маппить на /parent, а чайлдов на /*/children
Mikhail
componentWillMount депрекейтит же, и как свой history добавить?
Для хистори там соседний файл есть, HistoryTools
Volodymyr
https://codesandbox.io/s/5mb10
https://codesandbox.io/s/infallible-brattain-x6c0t
в чем разница этих двух подходов?
Mikhail
Ты написал конкретно под свою задачу, поэтому он и весит 3кб, но функицональность очень маленькая
Если какой-то функциональности не хватает - я готов рассмотреть ее добавление =)
Danila
https://codesandbox.io/s/5mb10
https://codesandbox.io/s/infallible-brattain-x6c0t
в чем разница этих двух подходов?
В первом случае
1) Функция создаётся один раз
2) Не имеет прямого отношения к компоненту и живёт в внешнем к нему скоупе (будет/может переиспользована И/ИЛИ не имеет отношения к реакту и/или компоненту)
Во втором
1) Создаётся при каждом перерендере
2) Живёт в скоупе компонента и доступна только ему и нижележащим компонентам, и то при условии явной передачи пропсами
Mikhail
@accessdenied404 так какие требования к роутеру?
Mikhail
он стабилен, что еще?
Nikolai
Mikhail
от сохранения картинки никак не защититься, можно усложнить процесс, но юзер всегда может print screen нажать
Kurzdor
Через вкладку с запросами прямая ссылка будет видна)
А нету 100% способов защитить от угона картинок? Написать декодер/парсер свой?
Bogdan
с сокетом на хироку работал кто?
Bogdan
он чем-то особенный?
хироку свой порт предоставляет, этот порт и на клиенте увидеть нужно, каким образом его увидеть там?
🦜
Вроде с первого взгляда неплохое решение. Есть минусы у него?
оборачивает каждый роут в div из-за этого верстка едет. Нет условных параметров
MVD
оборачивает каждый роут в div из-за этого верстка едет. Нет условных параметров
Что за условные параметры?
zamir
🦜
Не может быть
https://github.com/reach/router/blob/e8325ae7a2d7be0a4e1de266ee15929f85fc2d94/website/src/markdown/pages/credits.md#trade-offs-mostly-compared-to-react-router
🦜
второй поинт
🦜
вы хоть знаете что такое optional params ?
Kurzdor
🦜
вот на ноде
app.get('/show/:name/:surname?/at/:address?/:id/:phone?'
🅅aleriy
вот на ноде
app.get('/show/:name/:surname?/at/:address?/:id/:phone?'
ты лучше сразу на доку ссылку кидай
🅅aleriy
я всегда так делаю когда не хочется ее копировать в чатик
Kurzdor
@insert_link_to_sova_here а какие команды у бота @ru_community_bot и можем ли мы его использовать в чате по цсс?
🦜
@insert_link_to_sova_here а какие команды у бота @ru_community_bot и можем ли мы его использовать в чате по цсс?
тебе лучше спрашивать @Atassis
Таймураз
Таймураз
Я к вам приходил как-то, ты должен меня помнить
Sergey
Таймураз
Добавим бота и инструкцию скинем, но вам нужно ручаться, что один из ваших админов будет себя адекватно вести
Таймураз
Он забанен в паре чатов локально
Alexey
Скажите, кто что пишет в utils-ах и helper-ax.
Где что вы пишите?
Т.е. как вы определяете utils это или helper?
🅅aleriy
Скажите, кто что пишет в utils-ах и helper-ax.
Где что вы пишите?
Т.е. как вы определяете utils это или helper?
обычно utils это что-то глобальное не имеющее отношение к presentation level
helpers как правило могут быть и локальными и глобальными и помогают строить интерфейс