Anonymous
В смысле нода?
Michael
значит
Michael
браузер
Anonymous
Это кто
Michael
среда исполнения твоего кода какая
Anonymous
А
Anonymous
Браузер, не node
Michael
не думаю что это
Michael
возможно
Anonymous
Возможно, благодаря html5
Michael
http://stackoverflow.com/questions/14446447/javascript-read-local-text-file
Anonymous
Можно с помощью input получать путь к файлу, а как вручную его указать пока не понял
Oleg
FileReader.readAsText
Anonymous
<input id="fileInput" type="file" size="50" onchange="processFiles(this.files)"> <div id="fileOutput"></div> <script> function processFiles(files) { var file = files[0]; console.log(file); var reader = new FileReader(); reader.onload = function (e) { // Когда это событие активируется, данные готовы. // Вставляем их в страницу в элемент <div> var output = document.getElementById("fileOutput"); output.textContent = e.target.result; }; reader.readAsText(file); } </script>
Anonymous
С input работает, но не знаю как руками прописать путь к файлу
Oleg
Если браузер знает путь к файлу - это огромная дыра в безопасности
Oleg
Но вроде в IE что-то было про локальные файлы
Oleg
А так - нет
Michael
просто странно как-то, ты же можешь так зайти на сайт и отдать всю инфу о файлах в системе просто рандомно бегая по путям, не?
Oleg
Именно по этому это и нельзя
Anonymous
Тогда только с помощью input взять информацию из файла и записать в переменную?
Oleg
FileReader.readAsText
Oleg
Погугли детали
Oleg
Но если задача про десктопные приложения на основе веба - есть варианты
Vlad
Но на самом деле это бессмысленно
Oleg
кто-нибудь пользуется jss?
Vlad
я думаю об этом
Dreamerinnoise
Dreamerinnoise
Без react-jss
Oleg
мне тематизация нужна. чтобы компоненты могли использовать темы
Vlad
там есть про темизацию
Dreamerinnoise
мне тематизация нужна. чтобы компоненты могли использовать темы
Посмотри в сторону https://github.com/nathanmarks/jss-theme-reactor
Oleg
это я все читал. мне бы про реальный опыт
Dreamerinnoise
Material ui next под капотом ее использует
Dreamerinnoise
это я все читал. мне бы про реальный опыт
Ну, я лично ничего кроме контекста в виде theme providerа тут не вижу
Oleg
да прокидывание тем я и сам сделаю
Oleg
насколько легко в jss написать сетку bootstrap?
Dreamerinnoise
Не смотрел как она реализована
Oleg
а что сложного?
расскажи как лучше сделать
Vlad
чем сетка отличается от других компонентов?
Oleg
циклы
Oleg
https://github.com/twbs/bootstrap/blob/v3-dev/less/mixins/grid-framework.less#L6
Dreamerinnoise
https://github.com/twbs/bootstrap/blob/v3-dev/less/mixins/grid-framework.less#L6
Портируешь на js, некоторые вещи исходя из реалий реакта становятся не нужны. Кмк, nested, например
Oleg
объясни как сетку задать
Vlad
циклы
циклы это implementation detail
Oleg
))) так мне без них смысла нет. грубо говоря если этими инструментами не написать bootstrap то ну его нах
Dreamerinnoise
Лол
Vlad
я говорю, что это просто деталь реализации
Vlad
конечно можно написать сетку
Oleg
ну то как это выглядит в https://github.com/wldcordeiro/perdido что-то не очень
Oleg
вот какая цена этого https://github.com/callemall/material-ui/blob/86b2513d2f9431a2f3ef2e7e8de3d802e238ee19/docs/site/src/components/AppDrawerNavItem.js#L70 ?
Oleg
ну да
Vlad
забенчи
Vlad
у нас пока не jss, но сетки на реакте делаются вообще на раз
Vlad
http://nordnet.github.io/react-bem-grid/
Oleg
это вообще про другое
Oleg
мне нужно решение для тематизации стилей, при этом чтобы стили верстальщику писать было не сильно сложнее чем less/sass, включая сетки
Dreamerinnoise
https://medium.com/@mweststrate/how-to-safely-use-react-context-b7e343eff076
Dreamerinnoise
Советую почитать про контекст
Dreamerinnoise
По другому темы все равно хз как делать в реакте
Oleg
еще раз, с контекстом нет вопросов
Oleg
хорошо, может с другой стороны подойти
Oleg
вот есть к примеру bootstrap. less или sass. Как все стили загнать в неймспейс чтобы не было глобальных стилей
Dreamerinnoise
css-modules
Oleg
хорошо работает?
Dreamerinnoise
У меня проблем не возникало.
Dreamerinnoise
Вроде баттлтестед решение
Oleg
а почему material-ui выбрали jss?
Dreamerinnoise
https://github.com/callemall/material-ui/issues/4066 Приятного чтения
Anonymous
хм, один раз указал в .npmrc registry, потом удалил .npmrc проекта (в глобальном .npmrc указан registry.npmjs.org), удалил вообще все папку node_modules, удалил npm-shrinkwrap.json, установил пакеты заново npm install --no-optional и shrinkwrap все равно ставит тот регистри который был( вроде бы все проверил, этот registry нигде не упоминается
Anonymous
nvm ^
Andrey
npm cache clear?
Andrey
объясни как сетку задать
Написать компонент Grid где вручную написать стили