ты на 7 уровней поднимаешься

return require(path) - вместо такой штуки тебе надо асинхронный запрос писать

fs.exists(path) вроде так

fs - разве не проблемный? У меня в webpack config есть такой блок: node: { fs: 'empty', net: 'empty', tls: 'empty' }

return require(path) - вместо такой штуки тебе надо асинхронный запрос писать

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

ты жеж вебпаком потом бандл собираешь?

я что-то запутался

return ../../../../../../sync/data/${name}.json

Я думаю ошибка в том надо не на семь на 9 уровней подниматься.

Я думаю ошибка в том надо не на семь на 9 уровней подниматься.

точно!

ты жеж вебпаком потом бандл собираешь?

ну да

fs - разве не проблемный? У меня в webpack config есть такой блок: node: { fs: 'empty', net: 'empty', tls: 'empty' }

в смысле? это ж функция ноды

в смысле? это ж функция ноды

хз, у меня пишет undefined

в смысле? это ж функция ноды

может, это из-за того, что я webpack-ом собираю?

var fs = require(‘fs’)

Может по этому?

var fs = require(‘fs’)

то же самое

Может по этому?

нет

Я не вижу импорта модуля fs, только какой то file-exists

нет

Critical dependency: the request of a dependency is an expression

import fs from 'fs' function getPathByName (name) { return `../../../../../../sync/data/${name}.json` } export default name => { const path = getPathByName(name) if (fs.exists(path)) { return require(path) } else { return require(`./mock/${name}.json`) } }

сейчас так

может вот это ./mock/${name}.json - отдельно преобразовать надо

может вот это ./mock/${name}.json - отдельно преобразовать надо

не, он автоматически парсит

может вот это ./mock/${name}.json - отдельно преобразовать надо

в смысле, в абсолютный путь?

https://webpack.github.io/docs/context.html#critical-dependencies

кстати

как раз та самая ошибка

как раз та самая ошибка

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

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

если есть динамика он для резолва использует текущую директорию

насколько я понял написанное

учитывая поход на 7-9 или сколько там уровней вверх

надо прибить гвоздям и

ребят, как отправить http запрос с такими параметрами через axios? crossDomain: true, xhrFields: { withCredentials: true },

поправьте если я не прав или что-то не допонял

import fs from 'fs' function getPathByName (name) { return `../../../../../../sync/data/${name}.json` } export default name => { const path = getPathByName(name) if (fs.exists(path)) { return require(path) } else { return require(`./mock/${name}.json`) } }

Мне не нравится что что-либо как переменная в путь конкатится. Я бы сделал realpath от пути, раз такой трэш и отдельно добавлял файл. Надо избежать уязвимостей

Мне не нравится что что-либо как переменная в путь конкатится. Я бы сделал realpath от пути, раз такой трэш и отдельно добавлял файл. Надо избежать уязвимостей

спасибо. А как сделать realpath вот этим модулем? const { resolve } = require('path')

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

как обрабатывать ошибки в render?

мне не нравися, что при ошибке в каком-то компоненте в глубине дерева отваливается вся страница

хочется какой-то контроль иметь над этим

@import "../../../src/styles/variables";Есть изящный способ разрешить это безобразие?

@import "../../../src/styles/variables";Есть изящный способ разрешить это безобразие?

вы про ../../ ?

Да

Алиасы

Да

https://til.hashrocket.com/posts/38d2d28b6b-better-module-imports-with-webpack-aliases

https://webpack.github.io/docs/configuration.html#resolve-alias

Алиасы

То что нужно, спасибо, ребята

Ян, ты теперь работаешь в чатике?)

На полшишечки))

Для создания нового проекта использовать create-react-app - это норма? И если да - то почему там .js вместо .jsx? Спасибо заранее

Для создания нового проекта использовать create-react-app - это норма? И если да - то почему там .js вместо .jsx? Спасибо заранее

Просто расширение другое

-

https://til.hashrocket.com/posts/38d2d28b6b-better-module-imports-with-webpack-aliases

спасибо!

Для создания нового проекта использовать create-react-app - это норма? И если да - то почему там .js вместо .jsx? Спасибо заранее

если хочешь webpack 2, то можно взять другие сборки

если хочешь webpack 2, то можно взять другие сборки

Легаси всегда лучше!!!!

Для создания нового проекта использовать create-react-app - это норма? И если да - то почему там .js вместо .jsx? Спасибо заранее

если не принципиально, и ты готов использовать инструменты, которые устаревают, то у тебя есть приятный бонус - там из коробки хорошая минификация. На webpack 2 мне пока не удалось добиться такого же результата (процентов на 5 файлы больше получаются)

Ребята, нужно скрывать и показывать компонент по драг н дропу на боди. Когда я добавляю на боди эвент, то dragenter вызывается несколько раз и в принципе, работает как dragover. Что не так? Или как вы делаете это? (Добавлял эвент как document.body.addEventListener('dragenter', ...)

если не принципиально, и ты готов использовать инструменты, которые устаревают, то у тебя есть приятный бонус - там из коробки хорошая минификация. На webpack 2 мне пока не удалось добиться такого же результата (процентов на 5 файлы больше получаются)

Мне нужна удобная сборка, тоесть инструменты для работы с проектом. Да, подходит что оно устаревает. Смущает что там не .jsx расширения по умолчанию и интересна бест-практис: Использовать эту сборку или писать свою

если не принципиально, и ты готов использовать инструменты, которые устаревают, то у тебя есть приятный бонус - там из коробки хорошая минификация. На webpack 2 мне пока не удалось добиться такого же результата (процентов на 5 файлы больше получаются)

5% ничего, гзип уберет разницу до "нуля", тут лучше брать популярное и стабильное

а можно как-то использовать абсолютный путь в файловой системе в alias-ах webpack?

Для создания нового проекта использовать create-react-app - это норма? И если да - то почему там .js вместо .jsx? Спасибо заранее

А какая разница? Вот помню раньше в vscode от этого были серьезные проблемы. Он не перевариал реакт с .js расширением, хз как там сейчас

А какая разница? Вот помню раньше в vscode от этого были серьезные проблемы. Он не перевариал реакт с .js расширением, хз как там сейчас

Нормально всё)

Мне нужна удобная сборка, тоесть инструменты для работы с проектом. Да, подходит что оно устаревает. Смущает что там не .jsx расширения по умолчанию и интересна бест-практис: Использовать эту сборку или писать свою

Расширение без разницы, кто как привык. Кому то важнее единообразие, чтобы тулинг лишний раз не переконфигурировать, те пишут везде .js. Кому то важнее обозначить, что вот этот файл - с jsx синтаксисом внутри, те пишут .jsx. Оба варианта ок

ERROR: S client not available

Кому интересно, решение проблемы, о которой я писал с маршрутом: export default name => { let data try { data = require(`initial_data/${name}.json`) return data } catch (ex) { return require(`./mock/main.json`) } } и при этом в webpack-е такая настройка resolve: { extensions: ['.js', '.json', '.md'], alias: { initial_data: '/full/path/to/data/directory', }, modules: [ 'node_modules', ], },

В действительности проблема решалась просто блоком try-catch - алиасы просто для красоты

мне не нравися, что при ошибке в каком-то компоненте в глубине дерева отваливается вся страница

Подождать выхода React 16

что там будет?

unstable_handleError станет работать для апдейтов?

error boundaries откроют

возможно

ребят, есть пакет для реакта с нормальной маской для инпутов ?

Нормальной?

что там будет?

^

ненавижу слушать разговоры

лучше бы текстом

Каждому свои фломастеры

хотя б дублировали

А мне нравится

Но микрофона хорошего нету

я просто на слух информацию воспринимаю плохо

Ну там у каждого свои особенности восприятия. Есть дизлексики типа меня

я просто на слух информацию воспринимаю плохо

что мешает заюзать какой-нибудь voice to text?

странные проблемы придумываете

что мешает заюзать какой-нибудь voice to text?

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

это не уважение к читателям просто. большинство как раз читатели, а не слушатели

Я За подкасты вместо текста. Читать можно код

Ну или пейперы

это не уважение к читателям просто. большинство как раз читатели, а не слушатели

откуда статистика?

1. из окружения 2. видел статейку 3. знакомый сервис на эту тему пилит (news -> voice)

субъективно же, не?

мне в офисе крайне не удобно СЛУШАТЬ надо найти нормальный длины наушники или кинуть ссыль на смартф и там уже слушать, хотя там музыка (которая читать не мешает, а глушит разговоры коллег)

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

эм